/ / angle ui datepickerにブートストラップスタイルを適用する方法 - javascript、angularjs、twitter-bootstrap、angular-ui、angular-ui-bootstrap

どのように角度ui datepickerにブートストラップスタイルを適用する - javascript、angularjs、twitter-bootstrap、angular-ui、angular-ui-bootstrap

私はangular.uiのdatepickerを使用しています。それは空のデザインで サイト。今では、余分なライブラリやプラグインを使わずに、ブートストラップにdatepickerとtimepickerを付けたいと思っています。カレンダーにブートストラップスタイルを適用する簡単な方法はありますか?

ここに画像の説明を入力

回答:

回答№1は1

デフォルトの角度-Ui-bootstrapスタイルを変更する3つのオプションがあります:

  1. デフォルトのテンプレートを編集し、angle-ui-bootstrapを再コンパイルします。すべてのテンプレートは テンプレートディレクトリ。例えば。日付ピッカーテンプレートは ここに.
  2. あなたのコードでデフォルトのテンプレートを上書きします。デフォルトでは、 -tpls- angle-ui-bootstrapの配布版では、すべてのテンプレートが内部にバンドルされています $templateCache、 見る ここに。たとえば、デフォルトのテンプレートを上書きする独自の日付ピッカーテンプレートを提供できます。 $templateCache.put("template/datepicker/popup.html"
  3. または、ドキュメントごとに:

一方、デフォルトのテンプレートが必要なものでない場合 あなたはui-bootstrap- [version] .min.jsを取得し、独自の テンプレート、デフォルトのものを取る (https://github.com/angular-ui/bootstrap/tree/master/template) として 出発点。