通过带有物料模块的垫输入更新日期

时间:2019-06-20 02:18:33

标签: angular angular-material

我有这个代码

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

并且我希望用户可以使用日历和估算值来更新日期的值,实际上我们可以使用日历来更新,但是我使用mat输入的类型为im的var类型的日期却出错了。 / p>

我正试图使用​​

(change)="onChangeEvent($event)"

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

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

1 个答案:

答案 0 :(得分:0)

使用(change)(dateInput)代替(dateChange),就像您提供的示例一样,仅传递$event。此外,请确保您的MY_FORMATSparse: { dateInput:的格式相同。

所以:

display: { dateInput:

如果您没有相似的内容,则意味着用户以某种格式输入日期,但显示期望使用另一种格式,因此您需要修改parse: { dateInput: 'MMMM/YYYY', }, 中的用户输入以适合显示格式。

我假设您只是希望用户坚持所显示的格式,因此只需在您的onChangeEvent中使他们相似

为了反映更改,我也将使用MY_FORMATS代替值。或保留[(ngModel)],但使用另一个值在[value]中分配并显示在模板中

Here's a working example

让我知道是否有帮助:)