gpt4 book ai didi

jquery - 在 jquery UI 日期选择器中突出显示日期

转载 作者:行者123 更新时间:2023-12-03 21:52:44 25 4
gpt4 key购买 nike

我如何使用 beforeShowDay 在 jQuery UI 日期选择器中突出显示日期。我有以下日期数组

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
)

最佳答案

查看文档。

beforeShowDay The function takes a date as a parameter and must return an array with [0] equal to true/false indicating whether or not this date is selectable, [1] equal to a CSS class name(s) or '' for the default presentation, and [2] an optional popup tooltip for this date. It is called for each day in the datepicker before it is displayed.

这意味着您需要创建一个函数,该函数将接受日期并返回参数数组,其中值是:

  1. bool 值 - 指示是否可以选择日期
  2. string - 将应用于日期的 css 类的名称
  3. 字符串 - 此日期的可选弹出工具提示

这是一个例子:

var your_dates = [new Date(2011, 7, 7),new Date(2011, 7, 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 - 在 jquery UI 日期选择器中突出显示日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6857025/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com