0

jQuery DatePicker と一緒に jEditable を使用しています。日付範囲の検証を行おうとしています。たとえば、フィールドで 2010 年 6 月 1 日が選択されてstartDateいる場合、ユーザーはフィールドで 2010 年 6 月 1 日より前の日付を選択することはできませんendDate。

検証部分を除いて、他のすべてのコードは機能しています。私が理解しているのは、jQuery-ui DatePicker のフル バージョンが jEditable バージョンに含まれているということですが、使用方法がわかりません。

これは私が使用している DatePicker です: https://github.com/qertoip/jeditable-datepicker/tree/master/src

DatePicker プラグインのサンプル デモ: 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>
4

2 に答える 2

1

これは私のために働く：

('.editDate').editable('myUrl', {
        type: 'datepicker',
        datepicker: {minDate: 0}
    });
于 2014-08-28T12:01:57.843 に答える
-1

jEditable で datepicker を参照することはできません。問題を解決するために、純粋な jQuery Datepicker の使用に切り替えました。

于 2011-06-21T08:47:21.537 に答える