跳到主要內容區塊
:::
首頁 文章分享列表 文章分享

網頁設計 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');
});

 

這篇文章是否對您有幫助?