jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了突出显示jquery UI datepicker中的日期大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何使用beforeShowDay来突出显示jQuery UI datepicker中的日子。我有以下日期数组
Array
(
    [0] => 2011-07-07
    [1] => 2011-07-08
    [2] => 2011-07-09
    [3] => 2011-07-10
    [4] => 2011-07-11
    [5] => 2011-07-12
    [6] => 2011-07-13
)
@H_404_5@解决方法
看看文档。

这意味着您需要创建一个函数,该函数将@L_262_7@日期并返一个值为数组的参数数组:

> Boolean – 表示是否可以选择日期
> String – 将被提交到日期的css类的名称
> String – 此日期的可选弹出工具提示

这里是一个例子:

var your_dates = [new Date(2011,7,7),new Date(2011,8)]; // just some dates.

$('#whatever').datepicker({
   beforeShowDay: function(datE) {
      // check if Date is in your array of dates
      if($.inArray(date,your_dates)) {
         // if it is return the following.
         return [true,'css-class-to-highlight','tooltip text'];
      } else {
         // default
         return [true,'',''];
      }
   }
});

现在您可以添加风格来突出显示日期

<style>
   .css-class-to-highlight{
       BACkground-color: #ff0;
   }
</style>

大佬总结

以上是大佬教程为你收集整理的突出显示jquery UI datepicker中的日期全部内容,希望文章能够帮你解决突出显示jquery UI datepicker中的日期所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。