2014-12-02 73 views
2

我在我的Meteor.JS應用程序內部使用Bootstrap datetimepicker爲了有兩個時間選擇器元素。下面是我到目前爲止檢測我的表單中兩個時間選擇器元素的onChange事件的代碼,但我無法弄清楚如何獲得選定的時間?那麼有人可以告訴我該怎麼做嗎?謝謝引導datetimepicker獲取時間

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

}); 
+1

GETDATE函數將返回只有日期。你可以嘗試的是使用** toLocaleString **將日期對象轉換爲字符串。以下是輸出格式:_12/2/2014,9:22:45 PM_然後您可以從','分割字符串。 – Rajesh 2014-12-02 15:56:55

回答

2

我希望這有助於某人。

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」)

相關問題