使用材料模块从垫子输入更新日期

Question

我有这个代码

https://stackblitz.com/edit/angular-6h1wvj

我希望用户可以使用日历和 imput 更新日期的 de 值，实际上我们可以使用日历进行更新，但我在使用 IM 使用的 var 类型日期的 mat 输入时出错。

我试图使用

(change)="onChangeEvent($event)"

但是我在访问 $event.value 时收到空

我什么类似的东西https://stackblitz.com/angular/odrmqdenkrv?file=app%2Fdatepicker-events-example.html您可以在其中使用日历和仅使用有效日期的输入进行更新，如果日期无效但使用我的月份年份配置，则获得 null

Answer 1

而不是(change)使用 (dateInput) 和 (dateChange) ，就像您提供的示例一样，并且仅传递$event。同样在您的MY_FORMATS请确保您的parse: { dateInput:与您display: { dateInput:的格式相同。

所以：

parse: {
    dateInput: 'MMMM/YYYY',
},

如果您没有相似之处，则意味着用户输入的日期采用某种格式，但显示需要另一种格式，因此您需要修改onChangeEvent中的用户输入以适应显示格式。

我假设您只希望用户坚持使用显示的格式，因此只需在MY_FORMATS中使它们相似

为了反映更改，我还将使用[(ngModel)]而不是值。或者保留[value]但使用另一个值在onChangeEvent中分配并显示在模板中

这是一个工作示例

让我知道这是否有帮助:)