5

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

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

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

有什么建议吗?

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

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

提前致谢。

4

4 回答 4

11

我认为最好的方法(假设我已经正确理解了你)是简单地覆盖 css。
在您的站点样式表或 html 头部分中,您只需要覆盖以下 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');
}
于 2010-05-25T16:11:31.473 回答
1

改变你的css类.ui-datepicker-current-day

于 2010-05-25T16:09:48.290 回答
1

就我而言,我需要删除活动类,所以:

$("#datepicker").datepicker({
  onSelect: function(dateText, inst) {
    setTimeout(function(){
      inst.dpDiv.find('.ui-datepicker-current-day a').removeClass('ui-state-active');
    }, 50);
  }
});
于 2014-02-09T02:28:40.843 回答
0

默认情况下,日期选择器遵循您的主题。但是你可以覆盖任何东西。

ui-state-active是您选择的日期的样式。 ui-state-highlight是它用来标识当前日期的样式。

所以做这样的事情:

#ui-datepicker-div .ui-state-active {color: #FFFFCC;}

#ui-datepicker-div .ui-state-highlight {color: #DCDCDC;}

您可以将此 css 添加到页面或调整主题本身。

于 2012-03-06T17:57:15.400 回答