Question

我使用Bootstrap Datepicker多次选择日期。我想这样做，如果用户选择第一个datepicker的日期，那么第二个datepicker也应该自动选择。

我使用...

成功了

$('#firstDatePicker').on('changeDate', function(e) {
        if (e.date) {
            $("#secondDatePicker").datepicker("update", e.date);
            console.log(e.date,'changed');
        }
    });

这是正常的。但问题是，当我在cookie的帮助下从另一个页面向此页面发送数据时以及从cookie获取数据后，我正在更新这样的datepicker（firstDatePicker，secondDatePicker）......

首先尝试

$("#firstDatePicker").data('datepicker').setDate(moment(obj.date_and_time,'DD/MM/YYYY')._d);
$("#secondDatePicker").data('datepicker').setDate(moment(obj.date_and_time,'DD/MM/YYYY')._d);

第二次尝试

$("#firstDatePicker").datepicker('setDate',moment(obj.date_and_time,'DD/MM/YYYY')._d);
$("#secondDatePicker").datepicker('setDate',moment(obj.date_and_time,'DD/MM/YYYY')._d);

第三次尝试

$("#firstDatePicker").datepicker('update',moment(obj.date_and_time,'DD/MM/YYYY')._d);
$("#secondDatePicker").datepicker('update',moment(obj.date_and_time,'DD/MM/YYYY')._d);

上面提到的所有尝试都在运行，我也尝试使用 $（＆＃34;＃firstDatePicker＆＃34;）来获取datepicker的日期.datepicker（＆＃39; getDate＆＃39;） ; 即可。我也以编程方式设置日期，但 datepicker的视图保持不变，就像没有发生任何事情一样。

我使用了moment.js来转换来自JSON对象的日期，该对象是＆＃39; obj＆＃39;这是dd-mm-yyyy格式，所以请不要在这里混淆这些都工作，即使我能看到 $（＆＃39;＃firstDatePicker＆＃39;）的控制台。（＆＃39; changeDate＆＃39;）但问题在于视图未显示正在设置的日期。

https://jsfiddle.net/devqualwebs/5gvn5w1y/9/

尝试从JavaScript设置日期时，Bootstrap datepicker的视图不会更新

0 个答案: