如何添加" datetime"角度js应用的选择器?

时间:2015-09-28 18:22:56

标签: angularjs html5 input twitter-bootstrap-3 datetimepicker

我正在开发一个角度js应用程序。它有一个页面,输入日期。我需要添加一个日期作为输入。

Date Input

<input type="date" ng-model="InputDate" />

我该怎么做?

3 个答案:

答案 0 :(得分:4)

您可以使用Angular Bootstrap组件:https://angular-ui.github.io/bootstrap/#/datepicker

答案 1 :(得分:2)

如果您想要一个简单的解决方案,考虑到您不想仅为应用程序中的日期时间选择器注入额外的依赖关系,请使用内置的AngularJS方法:

<input type="datetime-local" id="exampleInput" name="input" ng-model="example.value"
  placeholder="yyyy-MM-ddTHH:mm:ss" min="2001-01-01T00:00:00" max="2013-12-31T00:00:00" required />

More information on date-time picker | AngularJS API Reference

但是,如果您的应用需要在多个视图中输入日期时间,那么也许您还可以使用其他额外的第三方模块(只需谷歌)。采用这种方式的一个主要优点是让您的应用用户遇到更好的UI / UX。

答案 2 :(得分:0)

Angular datepicker是一个angularjs指令,用于在输入元素上生成一个datepicker日历。

This is github url for the directive.