dangrossman的bootstrap-daterangepicker日期更改事件

Question

使用dangrossman的bootstrap-daterangepicker 。 有谁知道实现我可以听的“更改日期”事件的最佳方法？ 因为似乎只有一个on apply或on widget隐藏事件，所以我想实时更新正在发生的事情。

这是我现有的代码，当我单击“应用/离开日期选择器”时，它具有回调功能：

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