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”）得出