如何解决最小日期和最大日期不起作用角物料范围输入
我有这个简单的形式,它是角材料的范围输入。但是[最小]和[最大]日期无效。我试图先输入第一个输入,然后输入第二个输入,然后再输入两个输入,但没有任何效果。我留下我的代码
<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,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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。