Jquery UI日期选择器onSelect和onInput事件
我的表格中有两个日期选择器,一个用于“接送”日期,另一个用于“下车”日期 代码如下:Jquery UI日期选择器onSelect和onInput事件,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,我的表格中有两个日期选择器,一个用于“接送”日期,另一个用于“下车”日期 代码如下: $(document).ready(function() { $('#datepicker_dropoff').datepicker({ dateFormat: "dd-mm-yy" }); $("#datepicker_pickup").datepicker({ dateFormat: "dd-mm-yy", minDate: 0
$(document).ready(function() {
$('#datepicker_dropoff').datepicker({
dateFormat: "dd-mm-yy"
});
$("#datepicker_pickup").datepicker({
dateFormat: "dd-mm-yy",
minDate: 0,
onSelect: function(date){
var date1 = $('#datepicker_pickup').datepicker('getDate');
var date = new Date( Date.parse( date1 ) );
date.setDate( date.getDate() + 0 );
var newDate = date.toDateString();
newDate = new Date( Date.parse( newDate ) );
$('#datepicker_dropoff').datepicker("option","minDate",newDate);
}
});
});
正如你所看到的,它被设置为下车日期不能早于取货日期,当然这是故意的
我的问题是,在这种格式中,日期选择器不保留值,如果我单击表单的提交按钮,它会不断告诉我需要填写日期选择器字段,即使每个字段中都有一个值。如果我手动删除字段中的某个内容,然后再添加它,那么它就会工作,并且不会出现字段提示。
我认为这与添加事件有关(datepicker默认情况下缺少这些事件?)
有人能帮我把这个附加到代码里吗
非常感谢。ooldish问题,但我的回答是: 因此,我更喜欢在
.change(function(){})
中更改我的最小/最大日期。这样,只有在实际更改日期时,才会更改最小/最大日期
假设HTML:
<input type='text' id='datepicker_pickup'>
to
<input type='text' id='datepicker_dropoff'>
看看DateRangePIcker-提交时如何进行验证?你也可以发布代码吗?看,问题是我使用另一个名为CIVEM()的脚本来翻译字段弹出窗口。这一点和日期选择器有点冲突。在我修改日期选择器以使下车日期不能早于取货日期之前,开发人员通过添加onSelect和onInput事件来帮助我,但在本例中,它不再起作用。上面的代码可以正常工作。请提供出现错误的代码。@Luc为什么在
onSelect
中有这么多转换?看起来它们很没用。您可以简单地从var date=$(“#datepicker_picker”)开始
,删除日期
参数,并使用设置minDate选项完成。
$(function() {
$('#datepicker_dropoff').datepicker({
dateFormat: "dd-mm-yy"
}).change(function() {
var date1 = $('#datepicker_pickup').datepicker('getDate');
$('#datepicker_pickup').datepicker('option','maxDate',date1);
});
$("#datepicker_pickup").datepicker({
dateFormat: "dd-mm-yy"
,minDate: 0
}).change(function() {
var date1 = $('#datepicker_pickup').datepicker('getDate');
$('#datepicker_dropoff').datepicker('option','minDate',date1);
});
});