wdCalendar使用

     <p>日历软件wdCalendar是一款不错的插件，外观上和google的在线calender详细。支持视图切换，日、周、月。项目主页采用php开发。</p>    <div id="p_fullcontent" class="detail">     <p><a href="/misc/goto?guid=4959499814285675937" target="_blank">wdCalendar</a>是Google Calendar的一个克隆，基于jQuery实现。包含Google日历的大部分功能包括：提供按天/周/月查看视图。支持通过拖拉的方式创建/更新/删除事件。易于给合数据库一起使用。</p>     <p><img alt="wdCalendar使用" src="https://simg.open-open.com/show/b81111b232765215777b5304e7427786.jpg" width="480" height="356" /></p>    </div>    <p>将自己对该插件的研究总结一下，与大家分享。同时非常希望大家开发出其他样式的模板！多种选择嘛。</p>    <p>1、展示页面sample.php,生成数据页面则是php/datafeed.php.另外还有一个edit.php则是添加详细与编辑的页面。</p>    <p>2、js文件  在src\Plugins文件加下面。datepicker_lang_**,wdCalendar_lang_**是语言包。jquery.calendar.js是核心插件。</p>    <p>3、数据格式。接收json数据。</p>    <p><span style="text-indent:0cm;">      start</span><span style="text-indent:0cm;font-family:宋体;">、</span><span style="text-indent:0cm;">end</span><span style="text-indent:0cm;font-family:宋体;">为日期格式的数据</span></p>    <p><span>error:</span><span style="font-family:宋体;mso-ascii-font-family:calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;">错误信息，没有错误时返回</span><span>null</span></p>    <p><span>Issort:</span><span style="font-family:宋体;mso-ascii-font-family:calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;">是否排序</span></p>    <p><span>Events:数组</span><span style="font-family:宋体;mso-ascii-font-family:calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;">数据，具体数据。</span></p>    <p>4、使用方法</p>    <p> $(id).bcalendar(op).BcalGetOp() id是容器div的id，op则是配置。具体含义，可以查看页面源文件和js函数。</p>    <p><span>DeleteCmdhandler</span><span style="font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;">删除时触发函数</span><span>, quickDeleteUrl</span><span style="font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;">删除时提交地址。</span></p>    <p><span>DeleteCmdhandler</span><span style="font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;">会传递两个参数。参数</span><span>1: </span><span style="font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:calibri;mso-hansi-theme-font:minor-latin;">从后台生成的</span><span>json</span><span style="font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:calibri;mso-hansi-theme-font:minor-latin;">格式的数据。参数</span><span>2</span><span style="font-family:宋体;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-fareast-font-family:宋体;mso-fareast-theme-font:minor-fareast;mso-hansi-font-family:calibri;mso-hansi-theme-font:minor-latin;">：删除函数。</span></p>    <p><span>EditCmdhandler：</span><span style="font-family:宋体;">会传递</span><span style="font-family:宋体;">从后台生成的</span><span>json</span><span style="font-family:宋体;">格式的一组数据。即要编辑的数据。</span></p>    <p><span style="font-family:宋体;">ViewCmdhandler：查看详细数据时的触发函数。参数和ViewCmdhandler一样。</span></p>    <p><span style="font-family:宋体;">添加：</span></p>    <p><span style="font-family:宋体;">添加详细，不是在calender点击进行的添加。官方文档是通过OpenModelWindow函数实现的。主要是XHR后台edit.php，进而iframe实现。该页面没研究，想以自己的方式去实现。</span></p>    <p><span style="font-family:宋体;">而编辑，同样是加载的该页面。不知道什么缘故，该页面被mark掉了(</span><span style="font-family:宋体;">浏览器：</span><span style="text-indent:0cm;font-family:宋体;">chrome)。可以自行处理掉该遮罩。</span></p>    <p><span style="text-indent:0cm;font-family:宋体;">大家可以看到，每个事件都有自己的颜色。颜色同样是由json数据决定的。数据在倒数第四个位置。</span></p>    <p><span style="text-indent:0cm;font-family:宋体;">现已掌握了基本使用方法(</span><span style="font-family:宋体;">页面样式没进行研究)</span><span style="text-indent:0cm;font-family:宋体;">。</span></p>