Question

我试图动态设置日历的minDate和maxDate。我使用了几种方法来执行此操作，但是，我想使用“清除”按钮将这些值重置为null 。

在我的.ts中，我有这个：

startDateClicked($event) {
    this.maxDate = moment($event.startDate._d).add(7, 'days');
  }
  endDateClicked($event) {
    this.minDate = moment($event.endDate._d).subtract(7, 'days');
  }

在我的html中，我有这个：

<input type="text" ngxDaterangepickerMd formControlName="pick_dates"
                class="form-control" placeholder="Select" [ranges]="ranges" [alwaysShowCalendars]="true"
                [showClearButton]="true" [keepCalendarOpeningWithRange]="true"
                opens="center"
                [showRangeLabelOnInput]="true"  
                [maxDate]='maxDate' (startDateChanged)="startDateClicked($event)"
                (endDateChanged)="endDateClicked($event)" [timePicker]="true" [locale] = "locale"/>

在“清除”按钮方法中，我要进行以下设置：

this.maxDate=null
this.minDate=null

Answer 1

您需要在最大日期和最小日期中放置一些默认日期。

this.minDate=moment(new Date()).subtract(1, 'month');
 this.maxDate = moment(new Date()).add(1, 'month');

Answer 2

我找到了参数！！！在html中只需添加

[dateLimit]=7

就我而言，它可以在“天”内运行

在ngx日期范围选择器中编辑清除按钮方法

2 个答案: