jQuery UI DatePicker：覆盖今天的 css

发布于 2024-07-20 07:27:38 字数 322 浏览 3 评论 0原文

我使用 beforeShowDay 来突出显示 jQuery 日期选择器中的特殊日子。我能够更改背景的唯一方法是在我的 css 类中使用“!important”标签。这对于除“今天”之外的所有日子都非常有效。 css 不会改变背景颜色，只会改变边框。

我的CSS：

.genEvent a
{
border:solid 1px #DC143C !important;
background: #9696BA url(ui-bg_flat_75_9696BA_40x100.png) 50% 50% repeat-x !important;
}

原文

I am using beforeShowDay to highlight special days in my jQuery datepicker. The only way I am able to change the background is to use the '!important' tag in my css class. This works perfectly for all days except 'today'. The css does not change the background color, only the border.

my css:

.genEvent a
{
border:solid 1px #DC143C !important;
background: #9696BA url(ui-bg_flat_75_9696BA_40x100.png) 50% 50% repeat-x !important;
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅忆流年 2024-07-27 07:27:38

您可以尝试进一步限定选择器。

例如：

body contentDiv .genEvent a
{
    border:solid 1px #DC143C !important;
    background: #9696BA url(ui-bg_flat_75_9696BA_40x100.png) 50% 50% repeat-x !important;
}

如果这有效，您也许可以删除其他 !important，这是值得避免的，因为它有点像反模式。

You could try qualifying the selector further.

For example:

body contentDiv .genEvent a
{
    border:solid 1px #DC143C !important;
    background: #9696BA url(ui-bg_flat_75_9696BA_40x100.png) 50% 50% repeat-x !important;
}

If that works you may be able to remove the other !important, which is worth avoiding as it's a bit of an antipattern.

回复收藏 0 原文

酷遇一生 2024-07-27 07:27:38

我在这里找到了这个 ……也许对你有帮助。

为什么不使用日期选择器
突出特殊功能
天？我使用内联日期选择器作为
以及展示特殊日子的作品
正好。我使用类似的东西：

$("#mnu_calendar").datepicker({
  ... other options
  beforeShowDay: function(thedate) {
    var theday    = thedate.getDate();
    if( $.inArray(theday,specialDays) == -1 )
      return [true,""];
    return [true, "specialDate"];
  },
  ... more options
});

specialsDays 是我的特殊数组
本月的天数，例如 [3, 12, 24]。
“specialDate”是 CSS 类名
日期选择器将添加到特殊
天，所以你无论如何都可以让它们看起来
你想要

I found this here... might be of some help to you.

Why don't u use datepickers
functionality to highlight special
days? I use an inline datepicker as
well and showing special days works
just fine. I use something similar to:

$("#mnu_calendar").datepicker({
  ... other options
  beforeShowDay: function(thedate) {
    var theday    = thedate.getDate();
    if( $.inArray(theday,specialDays) == -1 )
      return [true,""];
    return [true, "specialDate"];
  },
  ... more options
});

specialsDays is my array with special
days in this month e.g. [3, 12, 24].
"specialDate" is the CSS class name
datepicker will add to the special
days, so you can make them look anyway
you want

回复收藏 0 原文

~没有更多了~