我有这个简单的形式,它是从角度材料输入的范围。但[最小]和[最大]日期不起作用。我尝试输入第一个输入、第二个输入,然后将两者都输入,但没有任何效果。我留下我的代码
<mat-form-field appearance="outline" class="w-100">
<mat-date-range-input [rangePicker]="picker" >
<input matStartDate placeholder="Start date" formControlName="start" [min]="minDate"
[max]="maxDate">
<input matEndDate placeholder="End date" formControlName="end" [min]="minDate"
[max]="maxDate">
</mat-date-range-input>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>
我正在努力让最大值在同一天,我是说今天。
export class DateComponent implements OnInit, {
minDate: Date;
maxDate: Date;
constructor(private formBuilder: FormBuilder) {
const currentYear = new Date().getFullYear();
this.minDate = new Date(currentYear - 20, 0, 1);
this.maxDate = new Date();
}
}
但是它不起作用。
Stackblitz:https://stackblitz.com/edit/angular-g3nnqx?file=src/app/datepicker-min-max-example.html
<mat-form-field appearance="fill" >
<mat-date-range-input [rangePicker]="picker" [min]="minDate"
[max]="maxDate" >
<input matStartDate placeholder="Start date" >
<input matEndDate placeholder="End date" >
</mat-date-range-input>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>
当您使用
rangePicker
时,您无法应用min
和max
来输入这些特定的选择器级别。你必须像设置一样设置rangePicker
更多参考详情:https://material.angular.io/components/datepicker/overview
<mat-date-range-input [rangePicker]="picker" [dateFilter]="filterDate">
这是实际的工作答案,其他答案已经严重过时了