Question

我和jQuery DatePicker一起使用jEditable。我正在尝试对日期范围进行验证。例如，如果在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>

Answer 1

这对我有用：

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

Answer 2

无法在jEditable中引用datepicker。我已经切换到使用纯jQuery Datepicker来解决我的问题。

如何访问jEditable DatePicker选项（onSelect，minDate，maxDate）

2 个答案: