これらのdatepickersを追加したいと思います:https://eonasdan.github.io/bootstrap-datetimepicker/Installing/ここではAngular 4プロジェクトに追加する方法はありません。どうやってやるの?Bootstrap 3 datepickerをAngular 4プロジェクトに追加する方法
2
A
答えて
2
NPM経由でインストールします。
- ブートストラップ
- -NPM eonasdan-ブートストラップのDateTimePickerを
'アンギュラ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
これは有用であることがわかりました。これは、角度
関連する問題
- 1. Angular Bootstrap datepickerカスタムクラス
- 2. Angular UI Bootstrap - ポップアップDatepicker
- 3. Angular-UI-Bootstrap datepickerの翻訳方法は?
- 4. Angular 4のDatepicker
- 5. Angular 4と@ angular/cliのNgModuleにコンポーネントを動的に追加する方法は?
- 6. 独自のnode.jsスクリプトをAngular 4プロジェクトに追加するには
- 7. Bootstrap 4 navbar with Angular - アイテムをアクティブにする方法
- 8. angular-cliとbootstrap 4
- 9. Angular UI Bootstrapのイベントを閉じるDatePicker
- 10. ng-bootstrapからAngular-CLIプロジェクトにNGB_ALERT_DIRECTIVESを追加するときのエラー
- 11. Angular 2/Bootstrap 4を使用してng-bootstrapコントロールのCSSをカスタマイズする方法
- 12. Bootstrap 4 Alpha 3に<a>のリンクスタイルを追加するには?
- 13. JQuery Datatables and Bootstrap 3 datepicker
- 14. Angular 2アプリケーション(VS 2015アップデート3プロジェクト)に用紙パッケージを追加
- 15. フレックス3プロジェクトをフレックス4 /フラッシュ4にシフトする方法は?
- 16. angular 4、md2-datepickerリセット値
- 17. Jhipster Angular 4追加CSS&JS
- 18. Ng-Bootstrap Pagination in Angular 4
- 19. Angular UI Bootstrap Datepickerにカスタムボタンを追加するにはどうすればいいですか?
- 20. Ionic 3プロジェクトでangular 4 routerを使用するには?
- 21. Angular 2 CLIプロジェクトの実行時にサードパーティのパッケージを追加する方法
- 22. Angular 2プロジェクトで.jsスクリプトを追加
- 23. 既存のAngular 4プロジェクトをwebpackに変換する方法
- 24. UI Bootstrap datepicker - 毎日ツールチップ(uiブートストラップのツールチップ)を追加する
- 25. Angular js DatePicker
- 26. ブートストラップページにdatepickerを追加するには?
- 27. Bootstrap 4 JSを追加してVueJSでModalを使用する方法
- 28. 角度ui-bootstrap datepickerを入力に日付を追加する唯一の方法にする
- 29. Angular 2 datepickerのng-bootstrapがカレンダーをポップアップしない
- 30. Angular2 Webpackベースのプロジェクトにブートストラップ3を追加するには
使用[** ngBootstrap **](https://ng-bootstrap.github.io/#/components/datepicker/)日付の元eonasdan-ブートストラップのDateTimePickerの日付ピッカーのラッパーですpicker – Aravind
はい、私は今ブートストラップ3を使用し、ngBootstrapを追加するとすべてのスタイルがクラッシュします。 – user
1)あなたはnpmを使用していますか?もしそうなら、非常に簡単に2)system.jsを変更する3)js、cssファイルを直接index.htmlに追加します。 – nivas