Question

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

这是我现有的代码，当我点击应用/离开日期选择器时，它具有回调函数：

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

dangrossman的bootstrap-daterangepicker日期变更事件

1 个答案: