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元素设置为该宽度。一个聪明的解决方案。