2009-09-03 138 views
1

我有一個datepicker(jQuery的)日期選擇器,jQuery的

$( 「#日期選擇器」)日期選擇器({

})。

我想在此日期選擇器中着色(突出顯示)一些日子。而今天我想從一些數組中獲得!

我不知道,這樣的事情:

$( 「#日期選擇器」)日期選擇器({
亮點:[ '2009年9月16日',09/12/2009, 08/16/2009 ....]});

幫助我,請

非常感謝!

回答

3

嘗試使用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"]; 
     } 
    }); 
+0

那麼你會如何去強調,比如,聖誕節有用嗎? – Eric 2009-09-03 08:40:17

+0

以及我會舉行月/日在陣列,而不是檢查只是一天的一部分,我也會檢查月 – redsquare 2009-09-03 08:49:48

+0

請參閱這裏的答案,這正是顯示這個http://stackoverflow.com/questions/501943/can-the -jquery-UI-日期選擇待定製的禁用-星期六和 - 星期日和 - 麗達/ 503082#503082 – redsquare 2009-09-03 08:53:35

0

這裏是簡單的一個,可能是有人

<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>