使用日期选择器修改jquery fullcalendar外部事件

Question

有人可以通过jquery完整日历为我提供以下功能的建议。

一旦我们将外部事件放入日期块，是否可以使用外部日期选择器来存在事件？

例如：

1. 在2014年5月2日举办了一场活动。
2. 如果用户点击该活动，弹出窗口将显示jquery Ui日期选择器。
3. 如果用户选择日期为2014年5月5日，则该事件也应自动延伸至第5位。

Answer 1

我会利用eventClick方法打开一个jquery ui对话框，其中包含一个带有datepicker的单个文本输入。利用datepicker的onSelect方法，您可以更新传递给eventClick方法的事件对象的开始值和结束值。然后，您可以调用fullcalendar的updateEvent方法，将相同的更新事件传递给它。

eventClick: function(event){
    var input = $('<input type="text" id="datepicker" />');
    var $dialog = $('<div/>').dialog({autoOpen:true, modal:true});
    $dialog.append(input);
    $('#datepicker').datepicker({onSelect: function(date){
        // you'll have to manually format the date value
        // into something fullcalendar understands
        // I don't remember off the top of my head what 
        // format onSelect returns to you or what
        // fullcalendar requires.
        event.start = date;
        $calendar.fullCalendar('updateEvent', event);
    }});
}