jquery - 如何更改 jquery 日期选择器的单元格颜色

标签 jquery jquery-ui jquery-ui-datepicker

我有一个 jquery 日期选择器,我需要能够更改所选单元格日期的背景颜色。我正在尝试类似的事情:

    $("#fecha").datepicker({ 
          onSelect: function(value, date) { 
             alert(date.css());
          } 
    });

希望日期参数引用所选单元格,但似乎不起作用。

有什么建议吗?

//编辑: 该解决方案应该让我动态设置具有不同颜色的不同单元格,这就是为什么我尝试使用 onSelect 而不是直接更改 CSS。

目的是拥有一个包含用户创建的事件的日历。

提前致谢。

最佳答案

我认为最好的方法(假设我正确理解了你)是简单地覆盖CSS。
在您的网站样式表或 html head 部分中,您只需要覆盖以下 css 选择器

.ui-datepicker-current-day .ui-state-active { background: #000000; }

编辑

考虑到您的编辑,以下内容应该有效(假设您可以让日期选择器停止刷新)

onSelect: function(value, date) {
    date.dpDiv.find('.ui-datepicker-current-day a')
        .css('background-color', '#000000');
}

关于jquery - 如何更改 jquery 日期选择器的单元格颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2906266/

相关文章:

jquery - 从 JSON 字符串获取值

使用 Bootstrap 设计的表格行的 jQuery 突出显示效果

jquery - 如何在 jquery UI datetimepicker 上设置 'Now' 按钮来设置 UTC 时间?

jQuery:日期选择器替代方案

jquery - 优化 jQuery 功能

jquery - 在 jQuery 中延迟按键输入的 ajax 调用

jquery-ui - jQuery UI DropShadow - 如何在 div 周围放置阴影

jquery - 将图像附加到 Jquery UI 容器

Jquery UI 组合框 - 从远程 url 加载

jquery-ui - 在 jquery-ui datepicker 中的 'Today' 按钮上添加事件监听器