1

我的目标是在 jQuery datepicker 中突出显示一周中的特定日期。

例如，我想突出显示星期二和星期四。我看过很多如何突出显示特定日期的示例（请参阅：http: //jquerybyexample.blogspot.com/2012/05/highlight-specific-dates-in-jquery-ui.html）。但没有一个能满足我的需求。

有什么提示吗？

4

3 回答 3

2

您可以调整您链接的示例，以执行您想要的操作，如下所示：

CSS：

.Highlighted a{
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
}

Javascript：

$(document).ready(function() {
    $('#datepicker').datepicker({
        beforeShowDay: function(date) {
            var day = date.getDay();
            if (day == 2 || day == 4) {
                return [true, "Highlighted", date];
            }
            return [true, '', ''];
        }
    });
});​

应该这样做。

于 2012-09-24T15:18:11.267 回答
2

+如果您可以假设星期从星期日开始，则可以仅使用 CSS 使用相邻选择器来执行此操作。它可能看起来有点荒谬，但它适用于任何支持+和:first-child（包括 IE7 及更高版本）的浏览器。

/* Tuesday:                Su               Mo   Tu            */
.ui-datepicker-calendar tr td:first-child + td + td a,
/* Thursday:               Su               Mo   Tu   We   Th  */
.ui-datepicker-calendar tr td:first-child + td + td + td + td a {
    background:red;
}
​

演示：http: //jsfiddle.net/jnGhV/1/

于 2012-09-24T15:20:33.700 回答
1

这应该这样做：

$(document).ready(function() {
    $('#txtDate').datepicker({
        beforeShowDay: function(date) {
            if(date.getDay() == 2 || date.getDay() == 4) {
                return [true, "Highlighted", ''];
            } else {
                return [true, '', ''];
            }

        }
    });
});​

JSFiddle：http: //jsfiddle.net/XuExp/

于 2012-09-24T15:21:36.567 回答