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

时间:2017-06-06 16:48:46

标签: angular datetime datetimepicker

我需要日期时间选择器的帮助。我在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"
          ]

3 个答案:

答案 0 :(得分:9)

我是PrimeNG的忠实粉丝。它们具有良好的文档,并且组件易于使用。

查看他们的Date Time Picker

答案 1 :(得分:1)

我在这里找到了一个日期时间弹出组件,它是ngx-bootstrap datepicker和timepicker combined

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

答案 2 :(得分:1)

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