2016-07-15 23 views
0

私はこのように示した角度日付ピッカーを持っている -角度UI-ブートストラップDatePickerの変更のテーマ

Bootstrap Datepicker

この日付ピッカーは巨大であり、画面のほぼ30%をカバーし、また、日付が間に大きなギャップを持っていますそれら。

今私は、プロジェクト全体のテーブルとボタンにスタイルを設定しているので、これが起こっていると思われます。私のテーブルとボタンのスタイリングがdatepickerに影響しないように、私はどのように日付ピッカーを変更/スタイルするのですか?

P.S.datepickerという構文でスタイリングしてみましたが動作しませんでした。ありがとう。

答えて

0

実際にはCSSトリックが必要です。 like:

  • カスタムスタイルがブートストラップコードの後に​​ロードされていることを確認してください。
  • やすいUI、ブートストラップjsのコードを編集し、そのテンプレートに追加のクラスを追加し、構造上従う
  • (まあ、CSS-プリプロセッサでこれを行うことは非常に簡単です)#someContainer div.uib-datepicker {...}または#someContainer div.uib-datepicker > table > tbody > tr > td {...}のように、あなたのセレクタは、より強力に
  • ところで

adm-dtpモジュールは、より役に立つかもしれません。

+0

私はCSSのトリックが必要です知っているが、私は何を把握することはできません。また、別のカレンダーに切り替えることは私の最後の手段になります – ThatBird

+0

@ ThatBirdは私の3つの提案を行います:) –

0

ui-bootstrap datepickerを使用すると、私のウェブサイトでも同様の問題が発生しました。 datepickerは多くの機能に優れていますが、カスタマイズする方法を見つけることは苦痛になります。

は、あなたの問題に来て、私はいくつかの提案を持っている:

  • 日付ピッカーは、あなたのウェブサイトにテーブル、目、TD、TRにデフォルトで持っているCSSがかかります。 uib-datepicker-popupのスタイリングを指定する方法を見つける。

  • ウェブサイトのドキュメントに記載されているカスタムテンプレートを使用してみてください。 Check this out

このリンクは有用であろう - http://stackoverflow.com/questions/36801772/how-do-i-change-the-uib-datepicker-popup-button-bar

関連する問題