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')); 
    }); 
});