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

时间:2018-12-02 10:55:03

标签: javascript angular ngx-bootstrap

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

我想设置为“当前月份”和“上个月”。如果当前月份为12月,则应以11月和12月打开。

在bsConfig中找不到选项

1 个答案:

答案 0 :(得分:0)

您可以采取解决方法来解决它:

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