如何为Angular JS应用程序添加“日期时间”选择器？

Question

我正在开发一个angular js应用程序。它只有一页，输入内容为日期。我需要添加一个日期作为输入。

Date Input

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

我怎样才能做到这一点？

Answer 1

如果您想要一个简单的解决方案，考虑到您不想只为应用程序中的日期时间选择器注入其他依赖项，请使用内置方法：

<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 />

有关日期时间选择器的更多信息| AngularJS API参考

但是，如果您的应用需要在多个视图中输入日期时间，那么也许您还可以使用其他第三方模块（仅适用于Google）。这样做的主要优点之一就是让您的应用程序用户遇到更好的UI / UX。