Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用日期选择器修改jquery完整日历扩展事件_Jquery_Datepicker_Fullcalendar - Fatal编程技术网

使用日期选择器修改jquery完整日历扩展事件

使用日期选择器修改jquery完整日历扩展事件,jquery,datepicker,fullcalendar,Jquery,Datepicker,Fullcalendar,有人能给我一些建议吗?jquery完整日历可以实现以下功能 一旦我们将外部事件放入一个日期块中,是否可以使用外部日期选择器来现存该事件 例如: 于2014年5月2日放弃了一项活动 如果用户单击事件,弹出窗口将显示jquery Ui日期选择器 如果用户选择的日期为2014年5月5日,事件也应自动延长至5日 我将利用eventClick方法打开一个jQueryUI对话框,其中包含一个文本输入,并调用datepicker。利用datepicker的onSelect方法,可以更新传递给eventClic

有人能给我一些建议吗?jquery完整日历可以实现以下功能

一旦我们将外部事件放入一个日期块中,是否可以使用外部日期选择器来现存该事件

例如:

  • 于2014年5月2日放弃了一项活动
  • 如果用户单击事件,弹出窗口将显示jquery Ui日期选择器
  • 如果用户选择的日期为2014年5月5日,事件也应自动延长至5日

  • 我将利用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','')那样?