1

私の目的は、jQuery datepicker で特定の曜日を強調することです。

たとえば、火曜日と木曜日を強調したいとします。特定の日付を強調表示する方法の多くの例を見てきました(参照: http://jquerybyexample.blogspot.com/2012/05/highlight-specific-dates-in-jquery-ui.html )。しかし、私のニーズをカバーするものは1つもありません。

ヒントはありますか?

4

3 に答える 3

2

+週が日曜日から始まると想定できる場合は、隣接するセレクターを使用して CSS のみでこれを行うことができます。少しばかげているように見えるかもしれませんが、IE7 以上をサポートするすべてのブラウザーで動作し+ます:first-child

/* 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 に答える
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 に答える
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 に答える