2011-06-20 7 views
0

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> 
+0

があなたの '#startDate'と'#のendDate'セレクタがDOMで終わるものと一致することを確認しましたか? –

+0

どうすれば確認できますか?私は問題がjEditableの追加にあると思う。それで、$( '#startDate')を入力するための余分なパラメータがあるかもしれません。datepicker( 'option'、{minDate:$(this).datepicker( 'getDate')});動作しません。 – newtodatatables

+0

Chrome( "inspect element")やFirebug for FirefoxなどのDOMインスペクタを使用してください。テキストインプットの識別方法を教えてくれるはずです。実際にdatapickerが# startDate'と '#endDate'が続きます。 –

答えて

-1

ない可能性をスニペットjEditaのdatepickerにble。私は問題を解決するためにpure jQuery Datepickerを使用するように切り替えました。

1

これが私の作品:

('.editDate').editable('myUrl', { 
     type: 'datepicker', 
     datepicker: {minDate: 0} 
    }); 
+0

は完璧に働いた –