4

我正在尝试使用来自 eternicode 的引导日期选择器,它是原始 eyecon 选择器的一个分支。

我添加了一个jsfiddle 示例来说明我正在尝试做的事情

在小提琴中所有 js 的底部是我初始化日期选择器的地方。我添加了一个setTimout,所以我可以模拟动态更改日期选择器的日期。datepicker('update');我已经阅读了您在执行 a 后需要调用的位置,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);
4

2 回答 2

7

Seems that you can only pass the date in the following format in order to keep the datepicker display the date properly:

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

Where d is your desired date.

于 2014-08-08T15:48:22.373 回答
-2

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

也许看看这input-append门课

于 2014-08-08T15:46:11.550 回答