ngx-bootstrap Daterangepicker 打开当前和上个月

Question

默认情况下，ngx-bootstrap 日期范围选择器显示当前和下个月。

我想设置为当月和上个月，如果当月是12月，它应该与11月和12月一起打开。

在 bsConfig 中没有找到选项

Answer 1

你可以做一个解决方法来解决它：

在 html 中：

 <input
      formControlName="dateRange"
      type="text"
      bsDaterangepicker
      #rangePicker="bsDaterangepicker"
      (onShown)="onDateRangePickerShow()"/>
  </div>

在组件中：

export class Component {

@ViewChild('rangePicker') rangePicker;

onDateRangePickerShow() {
  // This is a workaround to show previous month
  const prevMonth = new Date(moment().subtract(1, 'month'));
  this.rangePicker._datepicker.instance.monthSelectHandler({ date: prevMonth });
}
}