如何设置在bsDaterangepicker弹出窗口中显示的月份？

Question

我点击它时使用bsDaterangepicker它会在弹出窗口中显示当前月份和下一个月份。我的应用程序中的所有日期范围都是过去的，所以我需要显示当前和上个月。我该如何配置？

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