jQuery ui - избор на дата: месец и година падащо меню css

Проблемен въпрос: Имам инструмент за избор на дата на jQuery с падащо меню за месец и година, когато има месец като may,june css между месец и година изглежда зле. Нещо като December 2016 и May 2016

Създадох цигулката за това https://jsfiddle.net/GeekOnGadgets/wra3pcsv/

Какво се опитвам да постигна: Искам месец и година да имат фиксиран марж между тях. Нещо като December 2016 и May 2016


person GeekOnGadgets    schedule 04.09.2016    source източник


Отговори (2)


Добавете следния фрагмент в CSS:

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

Свързани: Възможно ли е да центрирате текст в полето за избор?

person StardustGogeta    schedule 04.09.2016

Месецът и годината в Datepicker всъщност са менюта за избор и по подразбиране ширината на това меню (ако не е посочено) е ширината на най-голямата опция, която съдържа, така че ще трябва да внедрите някакъв javascript, ако искате да коригирате ширината на менюто за избор според избраната опция. Има много добър пример как да направите това в приетия отговор на тази публикация:

Автоматично преоразмеряване на елемента SELECT според ширината на избраната ОПЦИЯ

За съжаление не можете директно да получите ширината на избраната опция. Така че в посоченото решение се създава скрит избран елемент само с тази опция и неговата ширина се измерва, след което действителният избран елемент се задава на тази ширина. Умно решение.

person Robert Wade    schedule 04.09.2016