如何在Angular 2中使用日期选择器？

Question

我在angular2应用程序中尝试了很多日期选择器,但它们都没有工作.虽然日期选择器显示在视图上,但所选日期的值没有进入ngModel变量.

Answer 1

实际上,只需将date值添加到type输入的属性中即可使用日期选择器:

<input type="date" [(ngModel)]="company.birthdate"/>

在某些浏览器(如Chrome和Microsoft Edge(不在Firefox)中),您可以单击输入中的图标以显示日期选择器.只有当鼠标悬停在输入上时才会显示图标.

要拥有跨浏览器的东西,您应该考虑使用符合Angular2的库,如:

• https://github.com/kekeh/mydatepicker
• https://github.com/jkuri/ng2-datepicker

Answer 2

PrimeNG还提供了一个DatePicker组件,现场演示;

http://www.primefaces.org/primeng/#/calendar