fullcalendar - FullCalendar 在设置日期后设置 DatePicker

Question

我将 JQuery FullCalendar 与 DatePicker 一起使用。我想知道当您更改 FullCalendar 中的日期时，他会更新 DatePicker，我应该使用哪个事件来执行此操作？

Answer 1

我假设当您单击日历上的某一天时，您想要更改 DatePicker 的日期。您可以使用该dayclick事件来完成此操作。

这是一个例子：

$('#calendar').fullCalendar({
    dayClick: function(date, allDay, jsEvent, view) {     
        //update the datepicker here
    }
});

该date参数保存当天的 Date 对象。

Answer 2

这将更改 DatePicker 的日期以匹配 FullCalendar 的当前视图。例如，当单击上一个、下一个或今天按钮时。

$('#calendar').fullCalendar({
viewRender: function(view, element){
        var currentdate = view.intervalStart;
        $('#datepicker').datepicker().datepicker('setDate', new Date(currentdate));

    }

    });