Question

我正在尝试使用bootstrap datepicker from eternicode，这是原始eyecon选择器的一个分支。

我添加了jsfiddle example of what I'm trying to do。

在小提琴中所有js的底部是我初始化我的datepicker的地方。我添加了setTimout，因此我可以模拟动态更改日期选择日期。我已经阅读了datepicker('update');之后需要致电setDate的地方，以便更新选择器用户界面。

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

关闭选择器时，它会将今天的日期追加到输入值的末尾。这不是正常行为。我要做的就是设置一个新的日期并让它同时更新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);

Answer 1

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

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

d是您所需的日期。

Answer 2

关闭你的<input class="span6" size="16" type="text" / > ~~它似乎正常工作~~

或许看看班级input-append做了

Bootstrap datepicker更新方法导致问题

2 个答案: