My97DatePicker日历插件特殊日期做标记的使用

Posted 心和梦的方向

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了My97DatePicker日历插件特殊日期做标记的使用相关的知识,希望对你有一定的参考价值。

 

 

 

       最近项目中有用到日历表,针对特殊日期做标记。项目中需求是查询到本月有录像则在对应日期做标记。项目中使用到了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/

    

 

 

 

 

     

 

以上是关于My97DatePicker日历插件特殊日期做标记的使用的主要内容,如果未能解决你的问题,请参考以下文章

JQuery日历插件My97DatePicker日期范围限制

jquery日历插件有没有可以标记某一天的,推荐一下

My97DatePicker日历实现开始日期小于结束日期验证

如何用bootstrap-datepicker 做日历

日期插件My97DatePicker

jsp日期插件My97DatePicker