Dangrossman的Bootstrap-Daterangepicker日期更改事件

dangrossman's bootstrap-daterangepicker date change event

本文关键字：事件 日期 Bootstrap-Daterangepicker Dangrossman      更新时间：2023-09-26

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

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

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

谢谢。

这对我有用：

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