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

问题描述 投票:2回答:1

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

ngx-bootstrap
1个回答
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 });
}
© www.soinside.com 2019 - 2024. All rights reserved.