網頁設計 Javascript jQuery Daterangepicker onchange event

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