Проблема Вопрос: у меня есть датпикер jQuery с выпадающим списком в месяц и год, когда есть месяц may,june css между месяцем и годом выглядит плохо. Что-то вроде December 2016 и May 2016jQuery ui - datepicker: выпадение месяца и года css
Я создал скрипку для этого https://jsfiddle.net/GeekOnGadgets/wra3pcsv/
То, что я пытаюсь достичь: Я хочу месяц и год, чтобы иметь фиксированные границы между ними. Что-то вроде December 2016 и May 2016
Добавьте следующий фрагмент кода в CSS:
.ui-datepicker-month {
text-align-last: right;
padding-right: .25em;
}
Связанный: Is it possible to center text in select box?
месяца и года в Datepicker фактически выберите меню, и по умолчанию ширин этого меню (если не указаны) ширина самого большого варианта он держит, так что вам необходимо выполнить некоторые javascript, если вы хотите настроить ширину меню выбора в соответствии с выбранным параметром. Там очень хороший пример того, как сделать это в принятом ответе на эту должность:
Auto resizing the SELECT element according to selected OPTION's width
К сожалению, вы не можете непосредственно получить ширину выбранной опции. Таким образом, в упомянутом решении создается скрытый элемент выбора только с этой опцией и измеряется его ширина, тогда фактический элемент выбора устанавливается на эту ширину. Умное решение.