Angular ngx日期范围选择器中的编辑清除按钮方法
我正试着以友好的方式设置日历的minDate和maxDate。我使用了几种方法来实现这一点,但是,我想用“清除”按钮将这些值重置为null 在我的.ts中,我有:Angular ngx日期范围选择器中的编辑清除按钮方法,angular,daterangepicker,bootstrap-daterangepicker,Angular,Daterangepicker,Bootstrap Daterangepicker,我正试着以友好的方式设置日历的minDate和maxDate。我使用了几种方法来实现这一点,但是,我想用“清除”按钮将这些值重置为null 在我的.ts中,我有: startDateClicked($event) { this.maxDate = moment($event.startDate._d).add(7, 'days'); } endDateClicked($event) { this.minDate = moment($event.endDate._d).su
startDateClicked($event) {
this.maxDate = moment($event.startDate._d).add(7, 'days');
}
endDateClicked($event) {
this.minDate = moment($event.endDate._d).subtract(7, 'days');
}
<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"/>
在我的html中,我有:
startDateClicked($event) {
this.maxDate = moment($event.startDate._d).add(7, 'days');
}
endDateClicked($event) {
this.minDate = moment($event.endDate._d).subtract(7, 'days');
}
<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.minDate=moment(new Date())。减去(1,'month');
this.maxDate=时刻(新日期()).add(1,'月')代码>您需要在最大和最小日期中添加一些默认日期
this.minDate=moment(new Date())。减去(1,'month');
this.maxDate=时刻(新日期()).add(1,'月')代码>我找到了参数!!!在html中,只需添加
[dateLimit]=7
,在我的例子中,它在“天”内工作。我找到了参数!!!在html中,只需添加
[dateLimit]=7
,在我的例子中,它在“天”内工作。我找到了参数!!!在html中只需添加[dateLimit]=7,在我的例子中,它在“天”内工作,我找到了参数!!!在html中,只需添加[dateLimit]=7,在我的例子中,它在“天”内工作