2017-07-15 16 views
2

これらのdatepickersを追加したいと思います:https://eonasdan.github.io/bootstrap-datetimepicker/Installing/ここではAngular 4プロジェクトに追加する方法はありません。どうやってやるの?Bootstrap 3 datepickerをAngular 4プロジェクトに追加する方法

+0

使用[** ngBootstrap **](https://ng-bootstrap.github.io/#/components/datepicker/)日付の元eonasdan-ブートストラップのDateTimePickerの日付ピッカーのラッパーですpicker – Aravind

+1

はい、私は今ブートストラップ3を使用し、ngBootstrapを追加するとすべてのスタイルがクラッシュします。 – user

+0

1)あなたはnpmを使用していますか?もしそうなら、非常に簡単に2)system.jsを変更する3)js、cssファイルを直接index.htmlに追加します。 – nivas

答えて

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/に従って使用してください。

カレンダーのコンテナが相対的な位置にある必要があり、オーバーフローを隠すことができないこと、または値を選択しようとするとカレンダーダイアログが表示されないことに注意してください。

関連する問題