javascript - 动态设置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();
}); 

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

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

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

附言我知道 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);
});  

参见 Fiddle