2012-04-21 27 views
-1

jquery calendarを使用しています。過去の日付をすべて無効にしたいとします。 ユーザーは、現在の日付または日付を入力することはできません。 私はworking..itはすべて過去の日付jqueryで過去の日付を無効にする方法

は私がhttp://www.softcomplex.com/products/tigra_calendar/

+0

私はちょうど私の質問のカレンダーのリンクを追加しました – maham

+0

まず、tcalはjqueryのプラグインではない、それは純粋なjavascriptです。また、tcalのページにminDateを設定するというような機能についても言及していません。そして、私はそのようなソースコードでは何も言及していませんでした。 –

+1

jquery ui datepickerできません:http://jqueryui.com/demos/datepicker/#min-max –

答えて

1

が更新
ちょうどことに気づいたこのカレンダーを使用しています。このコード

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

が、上記のコードを示していない使用していますあなたはjqueryのUIを使用しないでください..私の答えはそれに基づいて..

あなたの例では

回答(jQueryのUIの日付ピッカーに基づいて

前の日付がされている非アクティブ化...

彼らが示されますが、選択されていません。..

行いますあなたはそれらが目に見えないようにしたいですか?あなたは昔にクラスを適用するには、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/

+0

jquery ui datepickerについてお話しているようですね。 –

+0

@sv_in、はい..これを反映するためのちょうど更新された答え..私は、OPが別の日付ピッカーを使用していたことに気がつかなかった.. –

+0

@ GabyakaG.Petrioli ..私はすべての過去の日付を無効にするか無効にしたい。私が言及したコードは動作していません..それはすべての過去の日付を表示します – maham

関連する問題