如何在 bootstrap daterangepicker 中扩展自定义日期范围选择

Question

我正在使用 bootstrap daterangepicker 插件，我在自定义范围中选择大范围（例如 3-4 年）时遇到问题。目前它只允许在一个月内自定义范围。我尝试了来自其他 plugin 的 minDate 和 maxDate，它们在这里也不起作用。

以及如何通过单击所有时间选项卡并在 minDate 和 maxDate 范围内搜索来搜索所有时间数据。

jsFiddle

 $('.selectrange').daterangepicker({
    showDropdowns: true,
    timePicker: true,
    minDate: [moment().subtract(20,'years'),'inclusive'],
    maxDate: [moment(),'inclusive'],
    ranges: {
       'Today': [moment(), moment()],
       'Last 7 Days': [moment().subtract(6, 'days'), moment()],
       'Last 30 Days': [moment().subtract(29, 'days'), moment()],
       'This Month': [moment().startOf('month'), moment().endOf('month')],
       'All Time':'all-time', // [minDate, maxDate]
    }
});

Answer 1

我想你想要这个权利。

'All Time':[moment().subtract(20,'years'), moment()]

Answer 2

我认为这应该对你有用：

添加选项linkedCalendars: false，例如：

代码：

$('.selectrange').daterangepicker({
    linkedCalendars: false,
    showDropdowns: true,
    timePicker: true,
    minDate: moment().subtract(20, 'years'),
    maxDate: moment(),
    ranges: {
        'Today': [moment(), moment()],
        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month': [moment().startOf('month'), moment().endOf('month')],
        'All Time': 'all-time', // [minDate, maxDate]
    }
});

截图：

如何在 bootstrap daterangepicker 中扩展自定义日期范围选择

How to extend custom date range selection in bootstrape daterangepicker

jquery

daterangepicker

bootstrap-daterangepicker