如何在 angular4 CLI 项目中添加日期时间选择器答案

【问题标题】：How to add datetime picker in angular4 CLI project如何在 angular4 CLI 项目中添加日期时间选择器
【发布时间】：2018-04-07 02:09:07
【问题描述】：

我需要有关日期时间选择器的帮助。我在 angular4 中尝试过https://github.com/dalelotts/angular-bootstrap-datetimepicker，但无法正确显示。换句话说，它根本不起作用。

我尝试在 .angularcli.json 文件中添加以下内容，但仍然无法使其工作。

     "styles": [
            "../node_modules/bootstrap/dist/css/bootstrap.min.css",
            "styles.css",
            "../node_modules/angular-bootstrap-datetimepicker/src/css/datetimepicker.css"
          ],
          "scripts": [
            "../node_modules/jquery/dist/jquery.js",
            "../node_modules/angular/angular.min.js",
            "../node_modules/moment/moment.js",
            "../node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.js",
            "../node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js"
          ]

【问题讨论】：

它似乎还不适用于 Angular。见this issue。另外，如果您想要一个日期时间选择器，我建议您使用 @ng-bootstrap/datepicker。
你试过 ng-bootstrap 的时间选择器吗？ ng-bootstrap.github.io/#/components/timepicker

标签： angular datetime datetimepicker

【解决方案1】：

我是 PrimeNG 的忠实粉丝。他们有很好的文档，并且组件易于使用。

查看他们的Date Time Picker

【讨论】：

【解决方案2】：

我在这里创建了一个日期时间弹出组件，它是 ngx-bootstrap 日期选择器和时间选择器的组合

https://github.com/Gillardo/ngx-bootstrap-datetime-popup

【讨论】：

【解决方案3】：

该组件仅适用于 Angular 5+。使用说明在自述文件中。见https://dalelotts.github.io/angular-bootstrap-datetimepicker/

【讨论】：