2016-07-15 47 views
0

我有一個角日期選擇器,顯示這樣的 -角UI的自舉日期選擇器改變主題

Bootstrap Datepicker

此日期選擇是巨大的,涵蓋了屏幕的幾乎30%,而且,紅棗具有之間存在巨大差距他們。

現在我懷疑這是因爲我爲整個項目設計了表格和按鈕。如何更改/設置我的日期選擇器,以便我的表格和按鈕樣式不會影響日期選擇器。

P.S:我嘗試使用.datepicker語法對它進行樣式設置,沒有工作。謝謝。

回答

0

你實際上需要CSS技巧。如:

  • 確保您的自定義樣式在引導代碼後加載。
  • 讓您選擇更強大,像#someContainer div.uib-datepicker {...}#someContainer div.uib-datepicker > table > tbody > tr > td {...}
  • 輕鬆編輯UI的自舉JS代碼,並添加一個額外的類,以它的模板,並按照上述結構
  • (當然,用CSS-預處理器是很容易這樣做)

順便說一句,adm-dtp模塊可能更有幫助。

+0

我知道我需要一個CSS技巧,但我想不出什麼。另外,切換到不同的日曆將是我最後的手段 – ThatBird

+0

@ThatBird做我的三個建議:) –

0

我在使用ui-bootstrap datepicker的時候在我的網站也有類似的問題。日期選擇器具有許多功能,但找到一種方法來定製它是一種痛苦。

來到你的問題,我有幾點建議:

  • 的日期選擇器將帶你在你的網站都默認爲表,TH,TD,TR的CSS。找到一種方法來指定uib-datepicker-popup的樣式。

  • 嘗試使用網站文檔中提到的自定義模板。 Check this out

此鏈接將是有益的 - http://stackoverflow.com/questions/36801772/how-do-i-change-the-uib-datepicker-popup-button-bar

相關問題