Meteorjs語義UI的DateTimePicker改變事件

Question

我想用更改事件得到的DateTimePicker 我也試圖與onChange，onSelect的價值，但仍然無法正常工作。只有點擊事件的作品：

Template.Reservations.events({ 
    "change .datetimepicker": function(evt) { 
    console.log($(evt.target).val()); 
    }, 
}); 

Answer 1

你不能直接得到.datetimepicker元素的值，因爲語義ui用jquery覆蓋html。因此，爲了獲取數據的價值，當使用datatimepicker時，必須在模板渲染函數上使用語義ui datetimepicker事件。

Template.Reservations.onRendered(function(){ 
    $('.datetimepicker').daterangepicker(); 
    $('.datetimepicker').on('apply.daterangepicker', function(ev, picker) { 
     //You can use these save these value on any varible and use when your form submit by user. 
     console.log(picker.startDate.format('YYYY-MM-DD')); 
     console.log(picker.endDate.format('YYYY-MM-DD')); 
    }); 
});