Question

我正在使用Bootstrap Daterange Picker，它使用以下范围选项：

ranges: {
        'Today': [moment(), moment()],
        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
        'Last 7 Days': [moment().subtract(6, 'days'), 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')]
      },

但是当页面加载时，所选值为空。

我想选择范围＆＃39; 本月＆＃39;默认情况下，当页面加载时，在bootstrap daterangepicker中。

Jsfiddle Url：https://jsfiddle.net/renishar/wnuy6ypc/

Answer 1

只需将startDate和endDate选项设置为本月的相应值。

在初始化datepicker以设置第一个值

后，也可以调用cb函数

见这里：https://jsfiddle.net/wnuy6ypc/6

var dat_opt = {
      ...,
      startDate: moment().startOf('month'),
      endDate: moment().endOf('month'),
      ranges: {
        ...
      },
}

编辑：初始化后添加jQuery('.daterange').trigger("apply.daterangepicker");

选择本月＆＃39;默认情况下，bootstrap daterangepicker中的范围

1 个答案: