话不多说直接上代码

"utf-8">
"keywords" content="日程安排,FullCalendar,jquery实例">
"description" content="Helloweba，在线演示HTML、CSS、jquery、PHP示例DEMO。">

"stylesheet" type="text/css" href="http://www.helloweba.com/demo/css/main.css">
"stylesheet" type="text/css" href="css/fullcalendar.css">








"header">
   
"logo">
"http://www.helloweba.com" title="返回helloweba首页">helloweba


"main" style="width:1060px">
   
class="top_title">"http://www.helloweba.com/view-blog-230.html">日程安排FullCalendar
   
'calendar'>
   
class="ad_76090">



"footer">
    
Powered by helloweba.com  允许转载、修改和使用本站的DEMO，但请注明出处："http://www.helloweba.com">www.helloweba.com


"stat">

运行结果如图所示

 再说几个触发事件,使用方法是直接在Event方法后面直接写

1、日期点击

dayClick: function (date, allDay, jsEvent, view) {
alert("日期点击")
}）

2、事件点击（有时需要双击才行，只是个BUG，没找到问题所在）

eventClick: function (event) {
alert("事件点击")
})

3、事件拖动

eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
alert("事件拖动")
})

以下内容是我自己写的扩展

    "utf-8">
    "keywords" content="日程安排,FullCalendar,jquery实例">
    "description" content="Helloweba，在线演示HTML、CSS、jquery、PHP示例DEMO。">
    
    "../../script/Plugins/datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
    "stylesheet" type="text/css" href="../../script/Plugins/helloweba_fullcalendar/css/fullcalendar.css">
    


    
    
    
    "../../script/Plugins/sweetalert/sweetalert.css" rel="stylesheet" />
    
    "../../script/Plugins/select2/select2.css" rel="stylesheet" />

    "stylesheet" href="../../script/Plugins/hDialog/css/common.css" />
    "stylesheet" href="../../script/Plugins/hDialog/css/animate.min.css" /> 

    

    

    
    

    



    
"main" style="width:98%">
        
'calendar'>
    

    
"HBox">
        
"" method="post" onsubmit="return false;">
            
class="list">
                

                    开始时间"#ff0000">*
                    
class="fl">"text" class="ipt datapicker" id="startTime"
                            onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" />
                    
                
                

                    结束时间"#ff0000">*
                    
class="fl">"text" class="ipt" id="endTime"
                            onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" />
                
                
                

                    工作内容"#ff0000">*
                    
class="fl">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">ipt</span><span style="color: rgba(128, 0, 0, 1)">"</span> id=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">title</span><span style="color: rgba(128, 0, 0, 1)">"</span> rows=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">3</span><span style="color: rgba(128, 0, 0, 1)">"</span>>
                    
                
                

                    是否全天 "#ff0000">*
                    
class="fl">
                        <select id="isAllDay" class="select2" style="width: 100%;">
                        select>
                    
                

                
"button" value="确认提交" id="btnSub"
                        style="background-color: deepskyblue;color: #FFF;height: 30px;" />
                    "button" value="取消日程" id="btnDel"
                        style="background-color: deepskyblue;color: #FFF;height: 30px;" />
            
        
    


    

    
    

    

效果如下

fullcalendar+hDialog资源下载地址：https://download.csdn.net/download/duangufei/12092735