reactjs 如何在React Big Calendar中将活动时间格式更改为24小时[已关闭]

sg3maiej  于 2023-01-08  发布在  React
关注(0)|答案(4)|浏览(136)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
2天前关闭。
Improve this question
我在我的项目中使用react-big-calendar。默认情况下,它在事件框中显示12Hours时间,如下所示。

我怎样才能把它改成24Hours呢?

nfs0ujit

nfs0ujit1#

如果你把moment timezone改成moment.locale('en-GB').它应该可以工作.也许你可以试试这个https://github.com/jquense/react-big-calendar/issues/698.

wvyml7n5

wvyml7n52#

文档中没有涉及到这一点,但我们的想法是提供一个函数来处理带有startend的时间范围对象,例如,它允许您选择在它们之间放置何种分隔符。
请尝试以下操作:

const formats = {
  eventTimeRangeFormat: range =>
    `${format(range.start, 'HH:mm')} – ${format(range.end, 'HH:mm')}`,
};

export default function MyCalendar() {
  return (
     <Calendar
       localizer={localizer}
       formats={formats}
       ...
ca1c2owp

ca1c2owp3#

这个解决方案对我很有效,我已经在这个问题上挣扎了很久
这样做的目的是,它不会更改定位器日期格式,因为时间戳上的标签指向定位器
我在这里使用moment.js,但它应该与任何定位器工作大致相同

...
    moment.updateLocale('en', {
      longDateFormat: {
        LT: 'HH:mm'
      }
    });
    ...
2fjabf4q

2fjabf4q4#

你可以试试下面的代码。2通常在react 24小时格式如下

<BigCalendar format={"DD/MM/YYYY HH:mm"} />

相关问题