我想添加這些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. Angular/Bootstrap Datepicker
- 3. Angular UI Bootstrap datepicker
- 4. Bootstrap 3 Datepicker - Knockout.js
- 5. Angular 2 + Bootstrap 3
- 6. Angular Bootstrap datepicker太窄
- 7. 將ng-bootstrap中的NGB_ALERT_DIRECTIVES添加到Angular-CLI項目時出錯
- 8. Bootstrap 4 navbar與Angular - 如何激活項目
- 9. Angular-UI Bootstrap Datepicker新日期
- 10. Angular 4和Bootstrap 4
- 11. Spring和Gradle - 添加到項目WebJars Bootstrap
- 12. 如何將我自己的node.js腳本添加到Angular 4項目
- 13. angular 2 ng-bootstrap datepicker popup
- 14. Angular 2不能使用Bootstrap 3或4
- 15. 如何在Ionic 3項目中使用angular 4路由器?
- 16. 實施Bootstrap CSS以正確使用ng-bootstrap到Angular 4 CLI項目
- 17. 動態更新bootstrap 3 datepicker選項?
- 18. Bootstrap 4 li項目全寬
- 19. 的Rails 3,如何添加項目
- 20. Angular Bootstrap datepicker自定義類
- 21. Angular Bootstrap datepicker彈出問題
- 22. Angular-UI Bootstrap Datepicker問題
- 23. 如何將Angular項目添加到Django和Docker中
- 24. 如何將其他主題添加到Bootstrap Web項目?
- 25. 如何添加Bootstrap 4而無繫繩?
- 26. JQuery Datatables和Bootstrap 3 datepicker
- 27. 如何將紙張元素添加到Laravel Angular Material項目中?
- 28. 從Bootstrap 3遷移到Bootstrap 4?
- 29. Angular 4 firebase託管項目
- 30. 從bootstrap 3添加glyphicon到html helper textboxfor
用[** 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