动态设置Timepicker的小时和分钟

Question

我正在向我的网页动态添加Timepickers。一旦我加载了所有的 html，或者基本上做了jquery.append()

<div class="input-group bootstrap-timepicker" style="padding-bottom:10px;">
   <input class="form-control timepicker"id="timepicker-default" type="text">
        <span class="input-group-addon">
           <i class="fa fa-clock-o"></i>
        </span>
    </input>
</div>

进而：

$('.timepicker').each(function(){
    $(this).timepicker();
}); 

将它们绑定到我网站中的 timepicker.js 文件。

我的问题是我希望能够在执行上述 for-each 函数时设置时间。我正在使用Parse.com作为我的后端，因此日期显示为“2015 年 9 月 1 日星期二 13:15:00 GMT-0400（东部夏令时间）”。我希望能够从我刚刚提到的时间中提取时间，然后设置当前打开的时间选择器的小时和分钟。我知道循环遍历每一个的逻辑，但我不知道如何设置单个时间选择器。

我试图在jsfiddle 中为您运行一个示例，但无法正确加载它。

PS 我知道 for-each 函数正在工作，因为我已经对其进行了测试。

Answer 1

您必须Date根据获取日期字符串的方式创建一个对象：

var d = new Date("Tue Sep 01 2015 13:15:00 GMT-0400 (Eastern Daylight Time)");
$(this).timepicker('setTime', d);

它最终看起来像：

$('.timepicker').each(function(){
    $(this).timepicker();
    var d = new Date("Tue Sep 01 2015 13:15:00 GMT-0400 (Eastern Daylight Time)");
    $(this).timepicker('setTime', d);
});  

看小提琴