尽管指定了时间并且allDay为false,但是React FullCalendar不会显示时间

时间:2019-05-23 02:40:03

标签: javascript reactjs fullcalendar

我正在创建一个日历,每周显示事件。

像这样 https://fullcalendar.io/docs/timegrid-standard-view-demo

我为allDayDefault指定了false道具,并在事件道具中指定了json数据。

allDay值定义为false的对象在全天区域显示良好。

但是没有显示其allDay值定义为true的对象。

          <FullCalendar
            defaultView="timeGridWeek"
            plugins={[ timeGridPlugin, dayGridPlugin ]}
            header={{
              left: 'prev,next today',
              center: 'title',
              right: 'timeGridWeek,timeGridDay',
            }}
            nowIndicator={true}
            allDayText="All Day"
            allDayDefault={false}
            locale='ko'
            timeZone='UTC'
            events={[
              {
                // not visible
                id: 1,
                title: "event 1",
                start: "2019-05-21T11:00:00+09:00",
                end: "2019-05-21T13:00:00+09:00",
                allDay: false,
              },
              {
                // not visible
                id: 2,
                title: "event 2",
                start: "2019-05-21T11:00:00+09:00",
                end: "2019-05-21T13:00:00+09:00",
              },
              {
                // visible on All Day area
                id: 3,
                title: 'event 3',
                start: "2019-05-21T11:00:00+09:00",
                end: "2019-05-21T13:00:00+09:00",
                allDay: true,
              },
              {
                // not visible
                id: 4,
                title: 'event 4',
                start: moment().toDate(),
                end: moment().add(1, "days").toDate(),
              },
              {
                // visible on All Day area
                id: 5,
                title: 'event 5',
                date: '2019-05-20',
                allDay: true,
              },
              {
                // not visible
                id: 6,
                title: 'event 6',
                date: '2019-05-20',
              },
              {
                // not visible
                id: 7,
                title: 'event 7',
                date: '2019-05-20',
                allDay: false,
              },
            ]}
            scrollTime={'08:00:00'}
          />

1 个答案:

答案 0 :(得分:0)

我通过添加一行代码 django-admin compilemessages --locale=pt_BR 解决了这个问题。

@ fullcalendar / timegrid / main.css

height: 100%