jQuery ui - datepicker：月和年下拉css

Question

問題問題：我有一個jQuery datepicker與月份和年下拉列表，當有月份像may,june css月與年之間看起來不好。像December 2016和May 2016

我創建了搗鼓這個https://jsfiddle.net/GeekOnGadgets/wra3pcsv/

東西我想實現：我想一個月，一年有固定它們之間的餘量。類似於December 2016和May 2016

Answer 1

添加以下代碼段爲CSS：

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

相關：Is it possible to center text in select box?

Answer 2

Datepicker中的月份和年份實際上是選擇菜單，默認情況下該菜單的寬度（如果未指定）是它所保存的最大選項的寬度，所以您需要實現一些javascript如果你想根據選擇的選項調整選擇菜單的寬度。還有如何做，在這個帖子的接受的答案一個很好的例子：

Auto resizing the SELECT element according to selected OPTION's width

不幸的是，你不能直接獲得所選選項的寬度。因此，在所引用的解決方案中，創建了一個僅包含該選項的隱藏選擇元素，並且測量了寬度，然後將實際的select元素設置爲該寬度。一個聰明的解決方案。