2009-09-03 41 views
1

Iは、日付ピッカー(jqueryの)日付ピッカー、jQueryの

$( "#の日付ピッカー")を有する日付ピッカー({

})。

この日付ピッカーでは、ある日を色分け(強調表示)したいと思います。そして最近、私はいくつかの配列から取得したいと思います!私は、このような何かを知らない

:。

$( "#の日付ピッカーを")日付ピッカー({
ハイライト:[ '2009年9月16日'、2009年9月12日、 08/16/2009 ....]});

おかげで多くのことを私を助けてください!

答えて

3

日付ピッカーのbeforeShowDay機能を使用してみてください。これは、ピッカーで毎日レンダリングする前に発生します。関数内で、現在の日付が特別な日付の配列であるかどうかをチェックします。そうであれば、配列を返すことができます.2番目の要素は、各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

+0

よく私は配列の月/日を保持し、ちょうどその日の部分をチェックするのではなく、月もチェックします – redsquare

+0

正確にこれを示す答えを見てくださいhttp://stackoverflow.com/questions/501943/can-the -jquery-ui-date-make-to-disable-saturdays-and-sundays-and-holida/503082#503082 – redsquare

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> 
関連する問題