Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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
Javascript 具有多个日期选择器并将它们链接在一起_Javascript_Jquery_Datepicker - Fatal编程技术网

Javascript 具有多个日期选择器并将它们链接在一起

Javascript 具有多个日期选择器并将它们链接在一起,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我用它来选约会。我有一个问题,如何链接多个日期选择器,使他们都一样。一个用于标题,一个用于主页。如果我在页眉上单击日期选择器并更改日期,则在主页面上的日期应相同,更改主页面上的日期时,也必须更改。使它们联系在一起。它只初始化并使用头上的一个。重新加载时,标题上的日期选择器显示今天的日期和明天的日期。当您更改到达日期时,出发日期也会更改为明天的日期。它在页眉上工作,但在主页上不工作,在重新加载时不显示今天的日期和明天的日期,但在页眉上显示。当您在主页面上单击到达日期时,出发日期不会更改,但仍会在页

我用它来选约会。我有一个问题,如何链接多个日期选择器,使他们都一样。一个用于标题,一个用于主页。如果我在页眉上单击日期选择器并更改日期,则在主页面上的日期应相同,更改主页面上的日期时,也必须更改。使它们联系在一起。它只初始化并使用头上的一个。重新加载时,标题上的日期选择器显示今天的日期和明天的日期。当您更改到达日期时,出发日期也会更改为明天的日期。它在页眉上工作,但在主页上不工作,在重新加载时不显示今天的日期和明天的日期,但在页眉上显示。当您在主页面上单击到达日期时,出发日期不会更改,但仍会在页眉上显示日期。请帮忙

我的密码

标题

   <input type="text" name="dateArrival" class="datepicker arrivalDate">
   <input type="text" name="dateDeparture"class="datepicker departureDate">

主页

   <input type="text" name="dateArrival" class="datepicker arrivalDate">
   <input type="text" name="dateDeparture"class="datepicker departureDate">


$(文档).ready(函数(){
var nowDate=新日期();
var today=新日期(nowDate.getFullYear(),nowDate.getMonth(),nowDate.getDate(),0,0,0);
$('.datepicker').datepicker({
自动关闭:是的,
今天的亮点:没错,
开始日期:今天
});
$(“.datepicker”).datepicker(“setDate”,new Date());
$(“.departureDate”).datepicker(“设置日期”,“1d”);
$(“.datepicker”).datepicker({minDate:0});
$(“.arrivalDate”).change(函数(){
addDay($(“.arrivalDate”).val(),“.departureDate”);
});
});
功能添加日期(日期,fld){
var dt=新日期(日期);
var dt_new=新日期(dt.getFullYear(),dt.getMonth(),(dt.getDate()+1));

$(fld).val(((dt_new.getMonth()+1)一个工作示例,很抱歉,我无法找出您的错误:

$(“.datepicker”).datepicker();
$(“[name='datedefession']”)。更改(函数(){
$(“[name='datedeposition']”)val($(this.val());
});
$(“[name='dateArrival']”)。更改(函数(){
$(“[name='dateArrival']”)val($(this.val());
});



当一个日期选择器发生更改时,将新选择的日期放入一个变量中。然后使用
.datepicker(“setDate”,dateVar);
在其他日期选择器上更新它们的值。谢谢,它们现在都链接在一起了,但我在主页上仍然有一个问题,即今天或明天没有日期。它只显示在首页上。我需要的是重新加载后,它会自动在标题和主页上获取今天和明天的日期。什么我现在只有标题自动或在重新加载时获取今天和明天的日期。提前感谢。
$(document).ready(function() {

    var nowDate = new Date();
    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);

$('.datepicker').datepicker({
    autoclose: true,
    todayHighlight: true,
    startDate: today 
});

    $(".datepicker").datepicker("setDate", new Date());
    $(".departureDate").datepicker("setDate", "+1d");
    $( ".datepicker" ).datepicker({ minDate: 0});

    $(".arrivalDate").change(function() {
        addDay($(".arrivalDate").val(), '.departureDate');
    });


});

    function addDay(date_val,fld){
        var dt = new Date(date_val);
        var dt_new = new Date(dt.getFullYear(),dt.getMonth(),(dt.getDate() + 1));
                $(fld).val((((dt_new.getMonth() + 1) <=9) ? "0"  + (dt_new.getMonth() + 1) : (dt_new.getMonth() + 1)) + "/" + (((dt_new.getDate()) <=9) ? "0" + dt_new.getDate() : dt_new.getDate()) + "/" + dt_new.getFullYear());
    }