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;
}

相关： 是否可以在选择框中将文本居中？