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