如何添加Bootstrap 3 datepicker到Angular 4项目

Question

我想添加这些datepickers：https://eonasdan.github.io/bootstrap-datetimepicker/Installing/但这里不是一个如何将它添加到Angular 4项目的说明。我怎样才能做到这一点？

Answer 1

通过NPM安装：

• 自举
• eonasdan的自举-的DateTimePicker-NPM

添加在 '角cli.json' 配置：

 "styles": [ 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css"   
     "../node_modules/eonasdan-bootstrap-datetimepicker-npm/build/css/bootstrap-datetimepicker.min.css", 
     ], 
     "scripts": [ 
     "../node_modules/jquery/dist/jquery.min.js", 
     "../node_modules/moment/min/moment.min.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.min.js", 
     "../node_modules/eonasdan-bootstrap-datetimepicker-npm/build/js/bootstrap-datetimepicker.min.js" 
     ], 

然后根据文档https://eonasdan.github.io/bootstrap-datetimepicker/使用它。

请注意，您的日历容器必须具有位置相对位置，且不能有隐藏的溢出位置，否则当您尝试选择值时无法看到日历对话框。

Answer 2

我觉得这很有用;它是原始eonasdan的自举-的DateTimePicker日期选择一个包装对角

https://github.com/atais/ng2-eonasdan-datetimepicker