jquery - jquery datepickerはminDate未満の日付を許可します

Question

私は日付ピッカーを持っていますが、編集ボックスを介して今日より前の日付を許可することはできません。

var dateOptions = { 
  dateFormat: "mm/dd/yy", 
  constrainInput: true, 
  gotoCurrent: true, 
  minDate: new Date()
};

$('.date').datepicker(dateOptions);
$('.date').datepicker('setDate', new Date());

html では、次のように実装されています。

<label class="text14"><strong>Depart</strong></label>
<input type="text" id="tbDTimeOne" maxlength="10" size="10" name="tbDTimeOne" class="colum130 date" /> <img src="images/calendar.png" style="margin-left:-25px;" />

よし、これがどうなるかだ。ページがレンダリングされ、onready 関数が呼び出され、日付入力が今日の日付に設定され、ユーザーが日付入力をタブ/クリックして、カレンダーがポップアップし、ユーザーがキーボードを介して既存の日付を編集し、それを以前の日付に設定します。今日、ユーザーはタブで次のフィールドに移動します。受け入れられて表示される入力は、minDate より前の日付です。

これに対する解決策は何ですか？

Answer 1

Datepicker はキーボード入力を制限しません ( http://bugs.jqueryui.com/ticket/6917を参照) 。

$('.date').attr('readonly', 'readonly');

解決策になりますが、手でテキストを入力する可能性が失われます。この機能を維持する必要がある場合でも、入力を検証できます http://keith-wood.name/uiDatepickerValidation.html

Answer 2

http://docs.jquery.com/UI/Datepicker#option-minDate

minDate: new Date(2011,12,30)