JS日程管理插件FullCalendar中文说明文档(5)

拖动和缩放功能依赖于jQuery ui的draggable和resizable,所以在使用时要提前加载jQuery ui相关插件。

属性   描述   默认值  
editable   是否可编辑,即进行可拖动和缩放操作。   false  
eventStartEditable   是否让事件在开始时就可以拖动。   true  
dragRevertDuration   如果拖拽不成功,多久回复原状,毫秒   500  
dragOpacity   拖动时候的不透明度。
{
agenda:.5 //对于agenda试图
'':1.0 //其他视图
}
  见描述  
eventDragStart,
eventDragStop
  callback,日程事件被拖动之前和之后触发。这里的拖动不一定是一个有效的拖动,只要日程事件的控件被拖着动了,事件就触发。 可以从该对象中获取位移,位置等数据。用法: function( event, jsEvent, ui, view ) { }  
eventDrop   callback,当拖拽完成并且时间改变时触发,用法:
function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) { }
ayDelta 保存日程向前或者向后移动了多少天
minuteDelta 这个值只有在agenda视图有效,移动的时间
allDay 如果是月视图,或者是agenda视图的全天日程,此值为true,否则为false
 
eventResizeStart,
eventResizeStop
  callback,在一个日程事件改变大小之前之后发生(不一定要改变成功),用法:
function( event, jsEvent, ui, view ) { }
 
eventResize   callback,在日程事件改变大小并成功后调用, 参数和eventDrop参数用法一致。用法:
function( event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view ) { }
 

日期工具

函数   描述  
formatDate   格式化日期,通过指定的格式格式化一个日期,返回一个字符串。options选项是一个对象,其中设置本地化变量支持的属性值. 比如{ monthNames : ['一月','二月',……],dayNames: ['周日','周一',…..]},用法:
$.fullCalendar.formatDate( date,formatString [,options ] )
 
formatDates   一次格式化两个日期,和上一个格式化日期类似,只不过,这里在formatString中使用大括号{…}来描述第二个日期的格式化方式。用法:
$.fullCalendar.formatDates( date1,date2,formatString [,options ] )
 
parseDate   解析日期,将一个字符串格式成一个javascript的Date对象,这个string可以是ISO8601,IETF,UNIX时间戳三种格式。用法:
$.fullCalendar.parseDate( string )
 
parseISO8601   将一个ISO8601字符串转换成一个javascript 的Date对象。用法:
$.fullCalendar.parseISO8601( string [,ignoreTimezone ] )
 

以上是FullCalendar插件的基本属性与方法,您可以查看文章JS日程管理插件FullCalendar简单实例进行实际操作

参考文献:

官方文档:https://fullcalendar.io/docs/

FullCalendar 官方文档翻译:fullCalendar中文API官方文档

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwgxwy.html