Javascript jQuery ui-日期选择器:月份和年份下拉列表css

Javascript jQuery ui-日期选择器:月份和年份下拉列表css,javascript,jquery,html,css,datepicker,Javascript,Jquery,Html,Css,Datepicker,问题:我有一个jQuery datepicker,它有月份和年份下拉菜单,当月份像may,junecss在月份和年份之间时看起来很糟糕。类似于2016年12月和2016年5月 我已经为此创作了小提琴 我想达到的目标是:我希望月和年之间有固定的利润。日期选择器中类似2016年12月和2016年5月的月份实际上是选择菜单,默认情况下,该菜单的宽度(如果未指定)是它所持有的最大选项的宽度,因此,如果要根据所选选项调整选择菜单的宽度,则需要实现一些javascript。在这篇文章的公认答案中有一个很好的

问题:我有一个jQuery datepicker,它有月份和年份下拉菜单,当月份像
may,june
css在月份和年份之间时看起来很糟糕。类似于2016年12月和2016年5月

我已经为此创作了小提琴


我想达到的目标是:我希望月和年之间有固定的利润。日期选择器中类似2016年12月和2016年5月的月份实际上是选择菜单,默认情况下,该菜单的宽度(如果未指定)是它所持有的最大选项的宽度,因此,如果要根据所选选项调整选择菜单的宽度,则需要实现一些javascript。在这篇文章的公认答案中有一个很好的例子说明了如何做到这一点:


很遗憾,您无法直接获得所选选项的宽度。因此,在引用的解决方案中,将创建一个仅具有该选项的隐藏选择元素,并测量其宽度,然后将实际选择元素设置为该宽度。聪明的解决方案。

在CSS中添加以下代码片段:

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