dangrossman的bootstrap-daterangepicker日期更改事件

Question

使用bootstrap-daterangepicker from dangrossman。有谁知道实现一个我可以监听的"on date change“事件的最好方法吗？因为似乎只有on apply或on widget hide事件，所以我想实时更新正在发生的事情。

下面是我的现有代码，当我单击apply / leave日期选择器时，它有一个回调函数：

this.$el.find(".datepicker").daterangepicker(
             {
                opens: "left",
                format: 'YYYY-MM-DD',
                startDate: me.startDate,
                endDate: me.endDate,
                minDate: me.minDate,
                maxDate: me.maxDate,
                locale: {
                    applyLabel: 'Save'
                },
                showDropdowns: true,
                ranges: {
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                    'Last 7 Days': [moment().subtract('days', 6), moment()],
                    'Last 30 Days': [moment().subtract('days', 29), moment()],
                    'This Month': [moment().startOf('month'), moment().endOf('month')],
                    'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
                }
            },
            function(start, end, label) {
                // Update Change Selection upon date widget close

                var startDate = new Date(Date.parse(start._d));
                var endDate = new Date(Date.parse(end._d));

                me.startDate = startDate;
                me.endDate = endDate;

                if (me.parent) {
                    me.parent.changeSelection(me);
                }
            }
        );

谢谢。

Answer 1

这对我很有效：

$('#yourinputid').on('apply.daterangepicker', function(ev, picker) {
    console.log('changed');
});