jQuery UI-Datepicker：月和年下拉CSS

Question

問題問題：我有一個帶有月份和年份下拉列表的jQuery datepicker，當可能有月份時may,june月份和年份之間的may,june CSS看起來很糟糕。 像December 2016 May 2016 December 2016和May 2016 December 2016 May 2016

我為此https://jsfiddle.net/GeekOnGadgets/wra3pcsv/創建了小提琴

我想要達到的目標：我希望月份和年份之間保持固定的利潤。 像December 2016 May 2016 December 2016和May 2016 December 2016 May 2016

Answer 1

Datepicker中的Month和Year實際上是選擇菜單，並且默認情況下，該菜單的寬度（如果未指定）是它擁有的最大選項的寬度，因此，如果要調整的寬度，則需要實現一些JavaScript根據所選選項選擇菜單。 在這篇文章的公認答案中，有一個很好的例子說明了如何做到這一點：

根據所選OPTION的寬度自動調整SELECT元素的大小

不幸的是，您無法直接獲得所選選項的寬度。 因此，在引用的解決方案中，將創建僅包含該選項的隱藏選擇元素，並測量其寬度，然后將實際選擇元素設置為該寬度。 一個聰明的解決方案。

Answer 2

將以下代碼段添加到CSS中：

.ui-datepicker-month {
  text-align-last: right;
  padding-right: .25em;
}

相關： 是否可以在選擇框中將文本居中？