如何为 angular js 应用程序添加 "datetime" 选择器?

How to add a "datetime" picker for angular js application?

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

Date Input

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

我该怎么做?

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

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

<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

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