位置: 编程技术 - 正文
jQueryUI Datepicker组件设置日期高亮
编辑：rootadmin推荐整理分享jQueryUI Datepicker组件设置日期高亮，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
最近在看JQueryUI Datepicker组件的时候想到有时候我们需要高亮某些日期，而不仅仅是当前日期和选中的日期，这是我们就需要在日历组件初始化的时候给某些日期设置成高亮，以表示这些日期和其它日期有区别，比如说可以表示这些日期有一些meeting或者task。对于这种需求可以通过使用组件的beforeShowDay(date)函数来实现，这个函数会在Datepicker组件初始化的时候对于每一天都调用一次这个函数来做一些定制的功能，从而正好可以实现我们所要的需求。
下面来看怎样实现
首先下载jquery-ui-1..1包，并解压。
然后在jquery-ui-1..1目录下创建一个calenar.html文件用来测试。
calenar.html的内容如下：
其中beforeShowDay函数定义了需要高亮的三个日期，当初始化的日期等于这个日期中的一个的时候，设置这个日期为高亮，否则返回默认值。
上一篇：使用jquery如何获取时间(jquery中如何获取元素?)
下一篇：浅谈jquery上下滑动的注意事项(jquery上滑下滑)