使用daterangepicker UI介面選擇日期後,不會觸發input中的onchange事件,解決方式如下
HTML:
<!-- 日期(一) -->
<input onchange="console.log('change input1');" name="date1" class="date-range">
<!-- 日期(二) -->
<input onchange="console.log('change input2');" name="date2" class="date-range">
JS:
$('.date-range').daterangepicker();
$('.date-range').on('apply.daterangepicker', function(ev, picker) {
var value = picker.startDate.format('YYYY-MM-DD') + ' - ' + picker.endDate.format('YYYY-MM-DD');
$(this).val(value);
$(this).trigger('onchange');
});