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

Question

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

我想设置为当前月份和上个月，如果当前月份是 12 月，它应该在 11 月和 12 月打开。

在 bsConfig 中找不到选项

标签： javascriptangularngx-bootstrap

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 });
}
}