最近项目中有用到日历表,针对特殊日期做标记。项目中需求是查询到本月有录像则在对应日期做标记。项目中使用到了jQuery的My97DatePicker日历插件。
下面就介绍下如何使用My97DatePicker日历插件及实现对应功能。
一、项目中引入My97DatePicker包
二、jsp页面中引入WdatePicker.js
<script type="text/javascript" src="/common/js/My97DatePicker/WdatePicker.js"></script>
三、My97DatePicker日历插件平面显示功能
日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上
四、My97DatePicker日历插件特殊天和特殊日期使用
特殊天和特殊日期的用法跟完全无效天和无效日期完全相同,但是opposite属性对其无效
关键属性:
specialDays (0至6 分别代表 周日至周六) 用法同无效天
specialDates 用法同无效日期,但是对时分秒无效
特殊天:
特殊日期:
五、项目中使用例子:
效果展示图:
My97DatePicker日历插件有很多属性,支持很多功能。详情可参考网站:http://www.my97.net/dp/demo/