FullCalendar 六：FullCalendar应用——拖动与实时保存

我们可以使用FullCalendar建立一个非常强大的日历程序，用户可以轻松的在FullCalendar操作日程安排，诸如新建、修改、删除等操作以及本文将要讲解的拖动、缩放日程事件。

查看演示DEMO 下载源码

 

HTML

我们将日程页面命名为drag.html，首先是要载入jQuery库，jQuery ui以及fullcalendar插件。

<script src='js/jquery-1.9.1.min.js'></script> 
<script src='js/jquery-ui-1.10.3.custom.min.js'></script> 
<script src='js/fullcalendar.min.js'></script> 

 

然后在body中，建立日历容器div#calendar。

<div id="