我想添加這些datepickers:https://eonasdan.github.io/bootstrap-datetimepicker/Installing/但這裏不是一個如何將它添加到Angular 4項目的說明。我怎樣才能做到這一點?如何添加Bootstrap 3 datepicker到Angular 4項目
2
A
回答
2
通過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/使用它。
請注意,您的日曆容器必須具有位置相對位置,且不能有隱藏的溢出位置,否則當您嘗試選擇值時無法看到日曆對話框。
1
我覺得這很有用;它是原始eonasdan的自舉-的DateTimePicker日期選擇一個包裝對角
相關問題
- 1. ngx-bootstrap datepicker angular 4
- 2. 如何將ng-bootstrap添加到Angular-CLI(Broccoli版本)項目中?
- 3. 如何添加bootstrap的datepicker到網站?
- 4. Angular/Bootstrap Datepicker
- 5. Angular UI Bootstrap datepicker
- 6. 如何在Rails 4項目中使用Bootstrap 3 RC 4
- 7. Bootstrap 3 Datepicker - Knockout.js
- 8. Angular 2 + Bootstrap 3
- 9. Angular Bootstrap datepicker太窄
- 10. 將ng-bootstrap中的NGB_ALERT_DIRECTIVES添加到Angular-CLI項目時出錯
- 11. Angular UI Bootstrap - Popup Datepicker
- 12. startView Angular UI Bootstrap DatePicker
- 13. 向本地Laravel 5.3項目添加Bootstrap Bootstrap v4.0.0-alpha.4
- 14. Bootstrap 4 navbar與Angular - 如何激活項目
- 15. 將MDC SASS文件添加到angular 4項目
- 16. Angular-UI Bootstrap Datepicker新日期
- 17. X-editable Datepicker + Bootstrap 3?
- 18. Angular 4和Bootstrap 4
- 19. Laravel 4 with bootstrap-datepicker
- 20. 如何翻譯Angular-UI-Bootstrap datepicker?
- 21. 如何將我自己的node.js腳本添加到Angular 4項目
- 22. Spring和Gradle - 添加到項目WebJars Bootstrap
- 23. 將Bootstrap-Image-Gallery添加到Rails項目
- 24. angular 2 ng-bootstrap datepicker popup
- 25. Angular 2不能使用Bootstrap 3或4
- 26. 將Fuelux嚮導添加到Angular項目
- 27. 如何在Ionic 3項目中使用angular 4路由器?
- 28. Bootstrap 3 datepicker checkin checkout
- 29. 的Rails 3,如何添加項目
- 30. 動態更新bootstrap 3 datepicker選項?
用[** ngBootstrap **](https://ng-bootstrap.github.io/#/components/datepicker/)日期picker – Aravind
是的,但我現在使用bootstrap 3,如果我添加ngBootstrap,我所有的樣式都會崩潰。 – user
1)你使用npm嗎?如果是的話,它非常容易,2)修改system.js 3)直接添加js,css文件到index.html,你更喜歡哪一個? – nivas