jEditableとjQuery DatePickerを併用しています。私は日付範囲の検証をしようとしています。たとえば、startDate
フィールドで2010年6月1日が選択されている場合、ユーザはendDate
フィールドで2010年6月1日より前の日付を選択することはできず、その逆もありません。jEditable DatePickerオプションへのアクセス方法(onSelect、minDate、maxDate)
他のすべてのコードは、検証部分を除いてすべて動作しています。私が理解しているのは、jQuery-ui DatePickerのフルバージョンがjEditableバージョンに含まれていますが、使用方法はわかりません。
これは私が使用しています日付ピッカーです:日付ピッカーのプラグインのhttps://github.com/qertoip/jeditable-datepicker/tree/master/src
サンプルデモ:http://thesingularity.pl/jeditable-datepicker-demo/
を私のスクリプト
$('#startDate').editable('AppUpdateServlet',{
indicator : '<img src="images/indicator.gif">',
type: 'datepicker',
datepicker: {
dateFormat: 'dd/mm/yy',
//minDate: '+1w' (this is working)
onSelect: function() {
//the alert is working
//alert("working");
//not working
$('#endDate').datepicker('option', {minDate: $(this).datepicker('getDate')});
}
}
});
$('#endDate').editable('AppUpdateServlet',{
indicator : '<img src="images/indicator.gif">',
type: 'datepicker',
datepicker: {
dateFormat: 'dd/mm/yy',
onSelect: function() {
//not working
$('#startDate').datepicker('option', {minDate: $(this).datepicker('getDate')});
}
}
});
HTMLを参照するように
<span id="startDate">
<%=test.getStartDate()%>
</span>
<span id="endDate">
<%=test.getEndDate()%>
</span>
があなたの '#startDate'と'#のendDate'セレクタがDOMで終わるものと一致することを確認しましたか? –
どうすれば確認できますか?私は問題がjEditableの追加にあると思う。それで、$( '#startDate')を入力するための余分なパラメータがあるかもしれません。datepicker( 'option'、{minDate:$(this).datepicker( 'getDate')});動作しません。 – newtodatatables
Chrome( "inspect element")やFirebug for FirefoxなどのDOMインスペクタを使用してください。テキストインプットの識別方法を教えてくれるはずです。実際にdatapickerが# startDate'と '#endDate'が続きます。 –