如何在输入字段中使用2路格式化程序?

问题描述 投票:1回答:1

我喜欢将日期与输入控件进行2路绑定。

public dtm : Date;
...
this.dtm = new Date ();

...

<input type="text" placeholder="DD.MM.YYYY" [(ngModel)]="dtm"/>

如果我这样做,那么输入将以其标准格式显示日期。

例如2019年10月19日星期六11:53:00 GMT + 0200(CEST)

是否可以使用一种特殊格式(例如DD.MM.YYYY)的2向(!)格式器?

[我希望在代码中具有Date的实例,但也具有格式化的输出(日期-> DD.MM.YYYY)和输入的解析(DD.MM.YYYY->日期)。

编辑至少我想要一个2路绑定和一个输出格式化程序。但是我不确定如何安装[[ngModel)]和日期管道。

angular typescript
1个回答
0
投票

我认为,我们不能直接进行2向绑定。这是一种解决方法

<input type="date" [ngModel]="dtm | date:'yyyy-MM-dd'" (input)="dtm=$event.target.valueAsDate" />
© www.soinside.com 2019 - 2024. All rights reserved.