可选择使用fullcalendar库在一周内使用几天

时间:2017-05-23 16:13:45

标签: fullcalendar fullcalendar-scheduler

我正在使用Fullcalendar库,我有一个JavaScript对象数组:

arr = [{"monday":{"start_time":9,"end_time":10.5},"title":"English for Beginer"},{"tuesday":{"start_time":8.5,"end_time":10},"title":"English for Beginer"},{"wednesday":{"start_time":8.5,"end_time":10},"title":"English for Beginer"}]

根据文档,我可以设置我的事件来源:

{
    events: [
        {
            title: 'Event1',
            start: '2011-04-04T09:30',
            end: '2011-04-04T10:30',

        },
        {
            title: 'Event2',
            start: '2011-05-05T9:30',
            end: '2011-04-04T10:30',
        }
        // etc...
    ],
    color: 'yellow',   // an option!
    textColor: 'black' // an option!
}

然而,我只有一周内我的JavaScript对象,如星期一,星期二,星期三等,你可以看到。因此,我想知道是否有办法配置我的事件源,如下所示:

{
        events: [
            {
                title: 'Event1',
                start: 'MondayT09:30',
                end: 'MondayT10:30',

            },
            {
                title: 'Event2',
                start: 'TuesdayT9:30',
                end: 'TuesdayT10:30',
            }
            // etc...
        ],
        color: 'yellow',   // an option!
        textColor: 'black' // an option!
    }

我一直在寻找解决方案,但仍然无法找到解决方案。任何建议或想法将不胜感激。

1 个答案:

答案 0 :(得分:0)

在event.start变量中没有设置日期,fullcalendar将无法显示您的事件。请参阅fullCalendar documentation

Event.Start日期是必填字段。您的JSON需要一些有关活动开始日期的信息。

如果要创建定期事件,可以使用event.dow参数,如下所示:

events: [
  {
    title: 'All Day Event',
    start: '2017-05-22'
  }, 
        {
    title: 'Sviatok práce',
    start: '00:00 ',
    end: '24:00',
          dow: [1,2,3,4,5]
  },