默认情况下，在bootstrap daterangepicker中选择“本月”范围

我正在使用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')] }, 

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

我想在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");