Как изменить ширину и высоту мобильного компонента даты в jquery

Question

Мне нужно указать конкретную ширину и высоту для компонента datebox на моей мобильной странице jquery. Так что я подумал, что это можно сделать, определив ширину и высоту для элемента ввода даты. К сожалению, это не сработало. Любая идея, как добиться этого?.

Заранее спасибо.

Пример кода можно посмотреть здесь - http://jsfiddle.net/na6Be/

Answer 1

Плагин DateBox в настоящее время не поддерживает то, что вам нужно, с простым атрибутом в вашей разметке. Пока работа над темами ведется (в соответствии с документацией), единственный текущий способ, которым вы можете изменить размер элементов, которые динамически создаются плагином, - это заменить CSS требуемыми размерами.

Однако в сгенерированной разметке используется довольно много классов. Осмотреть элемент будет вашим другом здесь. Первое, что нужно посмотреть, будет класс .ui-datebox-container. Это содержит ширину по умолчанию 280 пикселей. Как следует из названия, это всего лишь контейнер, поэтому простое изменение этого не повлияет на содержимое DataBox. После быстрого просмотра я бы сказал, что все элементы, которые вы ищете, находятся внутри класса, начинающегося с "ui-datebox".

Удачи!