daterangepicker - 在 DateRangePicker 中自动选择当前周

Question

我在我的 HTMLTwig 中使用了 DateRange Picker

HTML:-

<input id="date-range14" class="form-control" value="" placeholder="Select Your Week">

JavaScript :-

$('#date-range14').dateRangePicker({
            batchMode: 'week',
            showShortcuts: false,
            useCurrent: true,
            autoApply: true,
            weekStart: 0,
            autoUpdateInput: true,
            locale: {
                cancelLabel: 'Clear'
            }
        });

我想要自动选择当周默认值。有什么解决办法吗？

Answer 1

See this working demo on jsfiddle .

解释:

使用 moment.js，下面的方法会给你本周的开始日期

moment().startOf('isoWeek') //Monday is the week start day
moment().startOf('Week') //Sunday is the week start day

此配置默认会自动选择当前周。

   $('#dtpFrom').daterangepicker({
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'This Week': [moment().startOf('isoWeek'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            },
            "startDate": moment().startOf('isoWeek'),
            "endDate": moment()
        }, function (start, end, label) {
            //This is on date change event.
        });

您还可以使用 online daterangepicker's config generator 生成自定义配置.