最近在使用jQuery插件FullCalendar实现一个患者预约医生看病的功能,大致需求如下:
1、 医生首先以周为单位设置自己下个月的出诊时间,包括上班时间,下班时间,每次可预约的时间间隔
2、 患者通过在线预约系统,选择医生的出诊时间并预约
3、 医生可查看自己的预约安排,了解病人的预约情况,使用FullCalendar插件实现效果如下图:
那么现在问题来了,如果医生不同的周或不同月上下班的时间不一样,我们跳转到别的周后,左边的时间轴是否也要跟着改变,遗憾的是FullCalendar 没有提供这个功能,除非你调用destroy方法,然后重新初始化calendar:
$('#mycalendar').fullCalendar('destroy');
$('#mycalendar').fullCalendar(calendarOptions);
但是,这样做的结果是日历记录的信息都会初始化,也就是默认时间又会从当前周开始,这样你就永远没法跳转到下一周去。
此时想起插件本身是支持在'month,agendaWeek,agendaDay' 几种视