私の目的は、jQuery datepicker で特定の曜日を強調することです。
たとえば、火曜日と木曜日を強調したいとします。特定の日付を強調表示する方法の多くの例を見てきました(参照: http://jquerybyexample.blogspot.com/2012/05/highlight-specific-dates-in-jquery-ui.html )。しかし、私のニーズをカバーするものは1つもありません。
ヒントはありますか?
私の目的は、jQuery datepicker で特定の曜日を強調することです。
たとえば、火曜日と木曜日を強調したいとします。特定の日付を強調表示する方法の多くの例を見てきました(参照: http://jquerybyexample.blogspot.com/2012/05/highlight-specific-dates-in-jquery-ui.html )。しかし、私のニーズをカバーするものは1つもありません。
ヒントはありますか?
+
週が日曜日から始まると想定できる場合は、隣接するセレクターを使用して 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;
}
次のように、リンクした例を調整して、必要なことを行うことができます。
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, '', ''];
}
});
});
それはそれを行う必要があります。
これはそれを行う必要があります:
$(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/