Angular日期时间选择器？

Question

5

我可以找到很多AngularJS的日期时间选择器，但是没有可靠（工作）的Angular日期时间选择器。这里有人用过任何一个可行的Angular日期时间选择器吗？

- developer747

你尝试过使用UI Bootstrap日历吗？它适用于AngularJS和AngularJS 2。你需要对你的代码进行一些修改。参考此链接： http://plnkr.co/edit/ZGl0VuJjVF1nliMidaL6?p=previe。 - Yasin

@Yasin，有没有办法为这个日历添加时间选择器？ - Rodrigo

我已经将 https://github.com/Gillardo/ngx-bootstrap-datetime-popup 中的一个日期时间选择器组件添加进来了。 - Gillardo

3个回答

1

不确定这是否有帮助，但我使用ngx-bootstrap日期选择器和时间选择器制作了一个基本的弹出组件。您可以在此处找到它。

- Gillardo

能否请您添加一个演示？ - Aravindh Gopi

今天已经更新，可以在ng-cli、webpack等与Angular 4+相关的工具上运行。 - Gillardo

-1

我还没有使用过这些库，但两者都可能对你有帮助：

试试它们，并告诉我们它们是否能正确地在Angular 2中工作。

- miquelarranz

我已经尝试过两种方法。如果你直接从Github获取它们的源代码，然后尝试运行npm install和npm run，两者都无法正常工作。mydatepicker在npm run时失败，而ng2-datepicker则会抛出JavaScript错误并失败。 - developer747

由于Angular 2仍在开发中，很难找到可用的库。如果您使用Chrome和日期类型的输入，则会显示一个日历按钮，并且它的工作方式类似于日期选择器，但我想它只能在Chrome上工作。 - miquelarranz

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sanket · Accepted Answer

尝试使用primeNG的日历控件，它可以提供任何日期和时间格式。

示例实现如下所示-

更新package.json。

"primeng": "^1.0.0-beta.7", "primeui": "^4.1.10",

组件行是-

import { Calendar } from 'primeng/primeng';
directives: [Calendar]

p-calendar [(ngModel)]="date1" dateFormat="mm/dd/yy" timeFormat="HH:mm">

你可以在http://www.primefaces.org/primeng/#/calendar上找到更多的格式示例。