の日付に背景色を設定する方法を知りたいですdatePicker
。多くのチュートリアルに従いましたが、結果は得られませんでした。
私はこのdatePickerを持っています:
<div id="datepicker"></div>
の日付に背景色を設定する方法を知りたいですdatePicker
。多くのチュートリアルに従いましたが、結果は得られませんでした。
私はこのdatePickerを持っています:
<div id="datepicker"></div>
Mongoose のリンクがいつかうまくいかない場合に備えて、StackOverflow に完全な回答を投稿することをお勧めします。
これは、jQueryUI 日付ピッカーのbeforeShowDay関数を使用して日付ピッカーがどのように見えるかの作業コード スニペットとスクリーンショットです。
$(document).ready(function() {
var SelectedDates = {};
SelectedDates[new Date('04/05/2016')] = new Date('04/05/2016');
SelectedDates[new Date('05/04/2017')] = new Date('05/04/2017');
SelectedDates[new Date('06/06/2018')] = new Date('06/06/2018');
$('#txtDate').datepicker({
beforeShowDay: function(date) {
var Highlight = SelectedDates[date];
if (Highlight) {
return [true, "Highlighted", Highlight];
}
else {
return [true, '', ''];
}
}
});
});
body
{
font-family:Arial;
font-size : 10pt;
padding:5px;
}
.Highlighted a{
background-color : Green !important;
background-image :none !important;
color: White !important;
font-weight:bold !important;
font-size: 12pt;
}
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<input type='text' id='txtDate' />
フィドル: http://jsfiddle.net/jquerybyexample/cqf9d/?utm_source=website&utm_medium=embed&utm_campaign=cqf9d
ドキュメント: beforeShowDay の Jquery ui ドキュメント