0

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

除验证部分外，所有其他代码都在工作。我的理解是jEditable版本中包含jQuery-ui DatePicker的完整版，但我不知道如何使用它。

这是我正在使用的 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 回答