如何访问jEditable DatePicker选项(onSelect、minDate、maxDate)



我将jEditable与jQuery DatePicker一起使用。我正在尝试验证一个日期范围。例如,如果在startDate字段中选择了2010年6月1日,则用户不能在endDate字段中选择2010年6月份1日之前的日期,反之亦然。

除验证部分外,所有其他代码都在工作。据我所知,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>

这对我有效:

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

不可能在jEditable中引用日期选择器。我已经改用纯jQueryDatepicker来解决我的问题。

最新更新