使用 InputMask 绑定日期值

Question

我有一个 Angular2 应用程序，安装了 PrimeNG 套件。

我需要实现一个包含两个输入元素的表单，并使用它来管理两个日期值。

我尝试使用 InputMask 应用特定的掩码并且它有效，现在我不知道如何将日期从意大利语格式（由用户提供）转换为 TypeScript/Javascript 格式以便能够post 数据...

我实现的代码是这样的：

<p-inputMask mask="99/99/9999" [(ngModel)]="offert.dateDelivery" formcontrolname="dateDelivery" placeholder="dd/mm/yyyy" [ngModelOptions]="{standalone: true}" slotChar="dd/mm/yyyy"></p-inputMask>

属性 offert.dateDelivery 绑定 class.

的日期字段

问题是用户被迫以意大利语格式 (dd/mm/yyyy) 插入值，这实际上是不可接受的 Javascript/Typescript 函数的日期...

我该如何应对这种情况？

谢谢

Answer 1

我通过绑定两个不同的独立字符串变量并在用户单击后将它们解析为两个日期属性来解决问题...该解决方案比预期的要简单

使用 InputMask 绑定日期值

Bind date value using InputMask

angular

date

primeng