JQuery UI datepicker - класс CSS для всплывающего окна DatePicker

Question

Кто-нибудь знает, как мне указать, что datepicker пользовательского интерфейса jQuery будет иметь мой собственный класс CSS?

Я не говорю о div \ input, на котором «datepicker» «сделан», а скорее о popпри открытии средства выбора даты.

Идентификатор этого div: ui-datepicker-div

Я могу определить свои собственные стили для этого всплывающего окна, используя

.ui-datepicker { blah }

но что, если у меня несколько сборщиков дат и мне нужны разные стили для каждого?Я даже не могу сделать что-то вроде

.myContainer .ui-datepicker { blah }

Так как div DatePicker добавляется jQuery, так что он находится прямо под "body" в DOM.Вот почему я спрашиваю, есть ли способ указать в jQuery UI добавить свой собственный класс в этот div, что-то вроде опции "dialogClass", которая существует в диалоге jQuery UI ...

Спасибо

Answer 1

Вы правы, что на странице есть только один фактический элемент пользовательского интерфейса datepicker, но вы можете использовать событие beforeShow, чтобы добавить класс или изменить тему для других элементов. Я добавил небольшую демонстрацию сюда , которая меняет границу для разных сборщиков дат. Вы можете добавить в других стилях, как вам нужно. Может быть даже возможно переключиться на различные темы jquery с достаточным усилием: -)

Answer 2

По умолчанию пользовательский интерфейс JQuery не поддерживает несколько стилей календаря на 1 странице.Можно было бы изменить компонент datepicker, чтобы включить его, но вам потребуется время, чтобы выяснить, как изменить JavaScript.

Answer 3

Я не думаю, что это возможно с простой опцией, но возможно, я думаю, код можно увидеть здесь .

Вы должны быть в состоянии увидеть, где установлены классы, я не гуру javascript, но должно быть возможно сделать что-то вроде этого:

Datepicker.prototype._currentClass = Datepicker.prototype._currentClass + '-theme1';

затем определите класс как ui-datepicker-current-day-theme1

Кто-нибудь может исправить меня, хотя!