Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery UI日期选择器onSelect和onInput事件_Jquery_Jquery Ui_Datepicker - Fatal编程技术网

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);
    });
});