wdCalendar使用

2019独角兽企业重金招聘Python工程师标准>>>

日历软件wdCalendar是一款不错的插件，外观上和google的在线calender详细。支持视图切换，日、周、月。官方网站采用php开发。

将自己对该插件的研究总结一下，与大家分享。同时非常希望大家开发出其他样式的模板！多种选择嘛。

1、展示页面sample.php,生成数据页面则是php/datafeed.php.另外还有一个edit.php则是添加详细与编辑的页面。

2、js文件  在src\Plugins文件加下面。datepicker_lang_**,wdCalendar_lang_**是语言包。jquery.calendar.js是核心插件。

3、数据格式。接收json数据。

      start、end为日期格式的数据

error:错误信息，没有错误时返回null

Issort:是否排序

Events:数组数据，具体数据。

4、使用方法

 $(id).bcalendar(op).BcalGetOp() id是容器div的id，op则是配置。具体含义，可以查看页面源文件和js函数。

DeleteCmdhandler删除时触发函数, quickDeleteUrl删除时提交地址。

DeleteCmdhandler会传递两个参数。参数1: 从后台生成的json格式的数据。参数2：删除函数。

EditCmdhandler：会传递从后台生成的json格式的一组数据。即要编辑的数据。

ViewCmdhandler：查看详细数据时的触发函数。参数和ViewCmdhandler一样。

添加：

添加详细，不是在calender点击进行的添加。官方文档是通过OpenModelWindow函数实现的。主要是XHR后台edit.php，进而iframe实现。该页面没研究，想以自己的方式去实现。

而编辑，同样是加载的该页面。不知道什么缘故，该页面被mark掉了(浏览器：chrome)。可以自行处理掉该遮罩。

大家可以看到，每个事件都有自己的颜色。颜色同样是由json数据决定的。数据在倒数第四个位置。

现已掌握了基本使用方法(页面样式没进行研究)。

转载于:https://my.oschina.net/u/147591/blog/37779