jquery – 导致问题的Bootstrap datepicker更新方法

我正在尝试使用 bootstrap datepicker from eternicode,它是原始eyecon选择器的一个分支.

我添加了jsfiddle example of what I’m trying to do.

在小提琴的所有js的底部是我初始化我的datepicker的地方.
我添加了一个setTimout,因此我可以模拟动态更改datepickers日期.
我已经阅读了你需要调用datepicker(‘update’)的地方;在执行setDate之后,它会更新选择器UI.

当我这样做时,它会导致一些问题.如果单击输入字段以显示日历,则日历将显示突出显示的日期,即今天的日期,而不是我更新日期的新日期.

当您关闭选择器时,它会将今天的日期追加到输入值的末尾.
这不是正常行为.我要做的就是设置一个新的日期并让它同时更新UI选择器.

HTML

<div class="input-append date" id="date-picker">
    <input class="span6" size="16" type="text">
    <span class="add-on"><i class=""></i></span>
</div>

var picker = $('#date-picker').datepicker({format:'M d,yyyy' });

var d = new Date();
d.setDate(d.getDate() + 1);

setTimeout(function(){
  picker.datepicker("setDate",d).datepicker('update');
},3000);

解决方法

似乎您只能以下列格式传递日期,以便使日期选择器正确显示日期：

picker.datepicker('update',new Date(d.getFullYear(),d.getMonth(),d.getDate()));

其中d是您想要的日期.