Bootstrap日期时间选择器获取时间

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...

});

- MChan

---

GetDate函数将仅返回日期。您可以尝试使用toLocaleString将日期对象转换为字符串。以下是输出格式：_2014年12月2日下午9:22:45_，然后您可以从“，”拆分字符串。 - Rajesh

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是一个moment对象，因此可以使用format("HH:mm:ss")获取时间。

- ilikeopensource