Angular 2使用javascript和datepicker

Question

我正在尝试使用angular 2和javascript创建一个应用程序.我想要日期输入,我已经读过所有浏览器都不支持html 5输入类型"日期".我搜索了角度2的日期选择器,我找到了很多日期选择器,但有打字稿支持,如( 有谁知道一个简单的日期选择器在角度2应用程序中使用？).我的问题是,如果有角度2支持JavaScript的任何datepicker或如果有一种方法导入javascript内的typescipt datepickers？

Answer 1

最后,这个问题归结为如何将一个JavaScript datepicker库与Angular2集成？.

如果您只想将日期作为文本值返回,例如:2016年6月18日星期六,事情非常简单.这一切都归结为图书馆如何回馈所选日期.

如果您查看此库,您将看到它使用文本输入来存储所选日期:

<input type="text" id="datepicker">

您需要做的就是将值输入Angular2.就这样.

• 您可以使用blur事件执行此操作:

  <input type="text" id="datepicker" 
      #datePicker (blur)="onDateChange(datePicker.value);">
  

• 您甚至可以将值赋值ngModel,从而实现双向数据绑定:

  <input type="text" id="datepicker" 
      #datePicker [ngModel]="date" (blur)="date = datePicker.value">
  

或多或少,您已将Pikaday库完全移植到Angular2.

最后要注意的是,将它包装到一个独立的Angular2组件中是一个好主意,因为您将获得可重用性和封装的好处.