me-*_*-me 4 jquery twitter-bootstrap bootstrap-datepicker
我正在尝试使用来自eternicode的bootstrap datepicker,它是原始eyecon picker的一个分支.
我添加了一个jsfiddle示例,说明我正在尝试做什么.
在小提琴的所有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>
Run Code Online (Sandbox Code Playgroud)
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);
Run Code Online (Sandbox Code Playgroud)
似乎您只能以下列格式传递日期,以便使日期选择器正确显示日期:
picker.datepicker('update', new Date(d.getFullYear(), d.getMonth(), d.getDate()));
Run Code Online (Sandbox Code Playgroud)
d你想要的日期在哪里.
| 归档时间: |
|
| 查看次数: |
4609 次 |
| 最近记录: |