使用日期选择器修改jquery完整日历扩展事件
有人能给我一些建议吗?jquery完整日历可以实现以下功能 一旦我们将外部事件放入一个日期块中,是否可以使用外部日期选择器来现存该事件 例如:使用日期选择器修改jquery完整日历扩展事件,jquery,datepicker,fullcalendar,Jquery,Datepicker,Fullcalendar,有人能给我一些建议吗?jquery完整日历可以实现以下功能 一旦我们将外部事件放入一个日期块中,是否可以使用外部日期选择器来现存该事件 例如: 于2014年5月2日放弃了一项活动 如果用户单击事件,弹出窗口将显示jquery Ui日期选择器 如果用户选择的日期为2014年5月5日,事件也应自动延长至5日 我将利用eventClick方法打开一个jQueryUI对话框,其中包含一个文本输入,并调用datepicker。利用datepicker的onSelect方法,可以更新传递给eventClic
我将利用eventClick方法打开一个jQueryUI对话框,其中包含一个文本输入,并调用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);
}});
}
event单击:函数(事件){
变量输入=$('');
var$dialog=$('').dialog({autoOpen:true,modal:true});
$dialog.append(输入);
$('#datepicker')。datepicker({onSelect:function(date){
//您必须手动设置日期值的格式
//变成了我能理解的东西
//我不记得我脑子里想的是什么
//format onSelect返回给您还是什么
//完整的日历需要。
event.start=日期;
$calendar.fullCalendar('updateEvent',事件);
}});
}
是的,可以这样做。。。试试看……)如果您在代码方面有问题,请返回…@Reigel是否可以提供示例代码或参考链接。或者我应该使用哪种方法?感谢重播,我将在循环中运行“updateEvent”,还希望确保用户可以通过选择上一个日期来删除事件。当您选择不同的日期时,fullcalendar将处理所有显示内容。请确保使用内置的方法。但是如果用户减少日期范围,我如何删除事件。是否可能像$calendar.fullCalendar('updateEvent','')那样?