日期选择器的 Angular 材料手动日期更新无法正常工作

Angular material manual date update for datepicker not working correctly

提问人:Bhushan Khaladkar 提问时间:10/18/2023 更新时间:10/18/2023 访问量:19

问:

我在应用程序中使用 angular material dateipcker 以 dd/MM/yyyy 格式映射输入框中的所选日期。但是在输入字段中,如果我们在 dd/MM/yyyy 中输入日期格式,它会抛出一个错误,因为它似乎将格式为 MM/dd/yyyy 进行验证。

请帮我解决这个问题。下面是我的代码

[html]

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

app.module.ts 文件

providers:[ {provide: MAT_DATE_LOCALE, useValue: 'en-GB'}]

当我们单击 datpicker 图标时,它工作正常,当我们尝试从输入字段手动输入它时,它会抛出错误。

当前 senario 点击日期选择器

enter image description here

尝试手动修改

enter image description here

角度 验证 mat-datepicker mat-input

评论

0赞 Asna Khan 10/19/2023
我希望这能解决您的问题。请仔细阅读此解决方案。stackoverflow.com/questions/52755818/......

答: 暂无答案