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作为我的后端，所以日期为＆＃34; Tue Sep 01 2015 13:15:00 GMT-0400（东部夏令时）＆＃34;。我希望能够从我刚才提到的时间中提取时间，然后设置当前时间戳的时间和分钟。我知道骑自行车的逻辑，但我不知道如何设置个人时间戳。

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

P.S。我知道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

Answer 2

与EdenSource的答案类似，但没有使用.each()

而是在追加单个输入时设置时间

$(document).ready(function () {
    $("#adder").click(function () {
       var html = '<div class="input-group bootstrap-timepicker" style="padding-bottom:10px;">' + '<span class="input-group-addon"><i class="fa fa-clock-o"></i></span></div>';

        $("#timepickerDiv").append(html);

        $('<input class="form-control timepicker" type="text">')
            .prependTo($('.bootstrap-timepicker:last'))
            .timepicker() .timepicker('setTime', new Date());


    });
});

<强> Demo

动态设置Timepicker的小时和分钟

2 个答案: