Bootstrap datetimepicker获取时间 [英] Bootstrap datetimepicker get time

问题描述

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

I am using Bootstrap datetimepicker in a form insider my Meteor.JS app in order to have two time picker elements. Below is the code I have so far which detect the onChange event for each of the two time picker elements in my form but I can't figure out how to get the selected time? So can someone please tell me how to do so? Thanks

 $('.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...

});

推荐答案

我希望这会对某人有所帮助。

I hope this helps some one.

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）

e.date is a moment object thus time can derived by using format("HH:mm:ss")

这篇关于Bootstrap datetimepicker获取时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！