JQueryUI的DatePicker组件具有高设置日期

最近当JQueryUI DatePicker组件认为有时候我们需要强调一些日期，而不是当前的日期和选定的日期，这是当我们需要日历组件初始化一些日期设置为高亮，表示这些日期和其他日期是不同的，例如，可以说有一些会议或约会的任务。这种需求可以通过beforeshowday组件实现（日期）功能，此功能将datepicker每天组件初始化时调用这个函数一次做一些自定义的功能，可以实现我们想要的需求。

以下是如何做到这一点

先下载jquery-ui-1.11.1包打开它。

然后创建一个calenar.html文件在jquery-ui-1.11.1目录测试。

对calenar.html内容如下：

示例页面

td.highlight {边界：无！重要的；padding: 1px 1px 1px 0！重要的；背景：无！重要；}；}
td.highlight一{背景：与#！重要的；边界：1px # 88a276固体！重要的；}

$（函数（）{（））
$（# DatePicker）。Datepicker（{
内联：真的，
showbuttonpanel：真，
onselect：功能（datetext，院）{
警报（datetext）；
}，
beforeshowday：功能（日期）{
VaR日期= {年/ 01 / 2014 / 02 /年，2014、10 / 01 / 2014}；
VaR技巧= {年/ 01 / 2014 / 02 /年，2014、10 / 01 / 2014}；
对于（var i = 0；i < dates.length；i++）{
如果（新）日期（日期{我}）。ToString（日期。toString）{（= =）
返回{真的，'highlight，提示{我} }；
}
}
返回{真}，}；
}
}）；
}）；

的beforeshowday函数定义了三个日期，需要强调。当初始化日期等于其中一个日期时，将此日期设置为高亮显示，否则返回默认值。

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。