我有一個datepicker(jQuery的)日期選擇器,jQuery的
$( 「#日期選擇器」)日期選擇器({
})。
我想在此日期選擇器中着色(突出顯示)一些日子。而今天我想從一些數組中獲得!
我不知道,這樣的事情:
$( 「#日期選擇器」)日期選擇器({
亮點:[ '2009年9月16日',09/12/2009, 08/16/2009 ....]});
幫助我,請
非常感謝!
我有一個datepicker(jQuery的)日期選擇器,jQuery的
$( 「#日期選擇器」)日期選擇器({
})。
我想在此日期選擇器中着色(突出顯示)一些日子。而今天我想從一些數組中獲得!
我不知道,這樣的事情:
$( 「#日期選擇器」)日期選擇器({
亮點:[ '2009年9月16日',09/12/2009, 08/16/2009 ....]});
幫助我,請
非常感謝!
嘗試使用datepicker的beforeShowDay函數。這會在拾取器中呈現每一天之前觸發。在函數內部,檢查當前日期是否在特定日期數組中。如果是,那麼你可以返回一個數組,其中第二個元素是你想要在每個td上呈現的css類的名稱。
演示here
var someSpecialdates = [1, 5, 12, 21, 27, 30];
$("#datepicker").datepicker({
beforeShowDay: function(dt) {
var d = dt.getDate();
return ($.inArray(d, someSpecialdates) === -1) ? [true,""] :
[true, "specialDateCSSClass"];
}
});
這裏是簡單的一個,可能是有人
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<form>
<input id="datepicker" />
</form>
那麼你會如何去強調,比如,聖誕節有用嗎? – Eric 2009-09-03 08:40:17
以及我會舉行月/日在陣列,而不是檢查只是一天的一部分,我也會檢查月 – redsquare 2009-09-03 08:49:48
請參閱這裏的答案,這正是顯示這個http://stackoverflow.com/questions/501943/can-the -jquery-UI-日期選擇待定製的禁用-星期六和 - 星期日和 - 麗達/ 503082#503082 – redsquare 2009-09-03 08:53:35