角度材质日期选择器(MatDatepicker)会自动完成对焦时的日期

Question

我在我的项目中使用有角度的材质/材质日期选择器，每当用户在其中输入一个数字，然后失去焦点时，日期选择器就会自动完成一个随机日期。

示例

只需输入1并离开焦点，或输入5/5/20

日期选择器正在自动添加日期

更新：此外，我正在使用反应式表单，并使用该方法验证输入

我可以禁用它吗？

Answer 1

我知道现在回答这个问题已经太晚了。但是，我也遇到了反应式表单的同样问题，并以以下方式禁用了MatDatePicker自动完成。

<mat-form-field>
<input matInput #autocomplete placeholder="Choose a date" formControlName="datePicker">
<input type="hidden" [matDatepicker]="picker" placeholder="Choose a date" formControlName="datePicker" (dateChange)="autocomplete.value = toFormattedDate($event.value)">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>

在组件中创建以下"toFormattedDate"方法。

toFormattedDate(iso: string) {
const date = new Date(iso);
console.log(date);
return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
}