-1

jqueryカレンダーを使用していますが、過去のすべての日付を無効にしたいです。ユーザーは、現在の日付または現在の日付より後の日付のみを入力できます。私はこのコードを使用しています

<!-- calendar code starts-->
    <link rel="stylesheet" type="text/css" href="calendar2/tcal.css" />
    <script type="text/javascript" src="calendar2/tcal.js"></script> 
    <script type="text/javascript"> 
      $("#dt").datepicker({ minDate: new Date() });
     </script> 
<!-- calendar code ends-->

html code
<div><input type="text" id="dt" name="requireddate" 
class="tcal" value="<?php echo $rec5['requireddate']; ?>" /> </div>

しかし、上記のコードは機能していません..過去のすべての日付が表示されます

私はこのカレンダーを使用していますhttp://www.softcomplex.com/products/tigra_calendar/

4

1 に答える 1

1

更新
jquery UIを使用していないことに気づきました..私の答えはそれに基づいています..


回答 ( jQuery UI datepicker に基づく)

あなたの例では、以前の日付は無効になっています..

それらは表示されますが、選択できません..

それらを非表示にしますか?

これを行うには、beforeShowDayイベントを使用して、クラスを昔に適用し、css で非表示にします。

脚本

var today = new Date();
$("#dt").datepicker({
    minDate: today,
    beforeShowDay: function(cdate){
        var old = cdate < today;
        return [true, old?'old':''];
    }
});

CSS

td.old span{
    visibility:hidden;
}

http://jsfiddle.net/gaby/s2ZmQ/1/のデモ

于 2012-04-21T12:06:42.440 に答える