javascript - 全日历选择方法

Question

我正在使用 FullCalendar 创建交互式日历，但我遇到了一个很好的障碍。

当用户选择时间范围(单击并拖动)时，我会打开一个对话框，允许用户为其事件命名并根据需要修改日期/时间选择。我想要的是如果更改，则使用对话框中的新日期/时间选择重新呈现选择。

当前，当我运行 select 方法时，我的选择区域刚刚从 View 中删除，我希望它保留并更新为当前选择。

这是我的代码

$('#UserCalendarToHour, #UserCalendarToMin').change(function(){
    var allDay = false;
    var startDate = new Date($('#UserCalendarFromDate').val()+' '+$('#UserCalendarFromHour').val()+':'+$('#UserCalendarFromMin').val());
    var endDate = new Date($('#UserCalendarToDate').val()+' '+$('#UserCalendarToHour').val()+':'+$('#UserCalendarToMin').val());
    if($('#UserCalendarAllDay').is(':checked')){
        allDay = true;
    }
    $('#calendar').fullCalendar('unselect');
    $('#calendar').fullCalendar('select',startDate.toString(),endDate.toString(),allDay);
});

现在我缺少什么。

Answer 1

select 方法期望 startDate 和 endDate 作为 Date 对象。您正在将它们转换为文本。另外，根据文档，

allDay is a boolean indicating if entire days were selected (days in month view or the "all-day" slot in the agenda view) or time slots were selected.

因此，如果您选择时间段，则需要将其设置为 false。

您将在选择回调文档中更清楚地看到它。相同的参数类型似乎也适用于该方法。我花了一段时间才意识到这一点。例如，您可能会对事件对象属性感到困惑，它们具有相似的名称但类型不同。在这里查看:

http://arshaw.com/fullcalendar/docs/selection/select_callback/