我将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来解决我的问题。