如何在fullcalendar jQuery中显示特定范围的日期?

时间:2016-04-12 06:44:43

标签: jquery fullcalendar

我想在两个日期之间显示月份视图或日期,例如2016-03-242016-04-25。加载这两个日期之间的日期的日历将绑定在完整的日历jQuery上。我该如何实现呢?

1 个答案:

答案 0 :(得分:1)

在日历的选项对象中,您可以制作一个自定义视图,其中包含您想要显示的天数:

views: {
    customView: {
        type: 'agendaDay',
        duration: {days: 2}
        buttonText: 'custom'
    }
}

现在,通过设置defaultDatefirstDay,您可以在所需的日期开始。

呈现日历后,您无法再更改customView的属性,如果要更改时间长度,则需要调用.fullCalendar('destroy'),然后使用新设置重新初始化

上面只是一个概念fiddle here。月份视图无法在指定日期开始,因此我们通过将customView持续时间设置为4周(这与1个月略有不同)来解决此问题。

views: {
    customView: {
        type: 'basicWeek',  
        duration: {week: 4},
        buttonText: 'customMonth'
    }
},
defaultDate: '2016-03-24',
firstDay: 4,

我们还必须设置defaultDate属性,让它从我们想要的日期开始,firstDay所以它不会在周日开始。 (通过调用moment().day()

可以轻松完成
相关问题