如何为 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.
我正在开发 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.