Bootstrap datetimepicker获取时间

Question

我在我的Meteor.JS应用程序内部使用Bootstrap datetimepicker ，以便有两个时间选择器元素。 下面是我到目前为止的代码，它检测了我的表单中两个时间选择器元素中的每一个的onChange事件，但我无法弄清楚如何获得所选时间？ 那么有人可以告诉我该怎么做？ 谢谢

 $('.set-start-time').datetimepicker({
    pickDate: false
 });
 $('.set-end-time').datetimepicker({
    pickDate: false
 });    

$('.set-end-time').on("dp.change",function (e) {
    var now  = $('.set-start-time').data("DateTimePicker").getDate();
    var then = $('.set-end-time').data("DateTimePicker").getDate(); 
    //Above code won't return time...

});

Answer 1

我希望这可以帮助别人。

HTML

<div name="startTime" class="input-group time">
   <input  class="form-control" type="text" value="" >
   <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
</div>

JS

  $('.time').datetimepicker({
      format: 'LT'
  }).on("dp.change",function(e){
      var date = e.date;//e.date is a moment object
      var target = $(e.target).attr('name');
      console.log(date.format("HH:mm:ss"))//get time by using format
  })

e.date是一个时刻对象，因此时间可以通过使用格式（“HH：mm：ss”）得出