Meteorjs semantic ui datetimepicker 변경 이벤트

Question

변경 이벤트를 사용하여 datetimepicker 값을 얻고 싶습니다. onChange, onSelect으로 시도했지만 여전히 작동하지 않습니다. 만 이벤트 작품하십시오 의미 UI는 jQuery를 사용하여 HTML을 덮어 직접 때문에

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

Answer 1

당신은 .datetimepicker 요소의 값을 얻을 수 없습니다. 따라서 데이터 값을 얻으려면 datatimepicker를 사용할 때 템플릿 렌더링 함수에서 semantic 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')); 
    }); 
});