Может кто-нибудь, пожалуйста, объясните этот пример jquery datepicker

Question

Вот ссылка на сайт: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html

Я смотрю на текстовое поле с именем date 1.

Рядом с текстовым полем находится маленький значок календаря. При нажатии открывается указатель даты. Что делает эту работу? Я не могу понять это.

Я понимаю, как работает текстовое поле, потому что у него есть класс .date-pick, который получает функцию datepicker с jquery.

Но календарь применяется с классом dp-choose-date. Нет, где в источнике я могу найти этот класс.

Я думаю, что я немного запутался здесь.

Answer 1

Класс применяется подключаемым модулем выбора даты, возможно, с использованием функции addClass.Плагин, когда он инициализирован, вероятно, создает DIV (id=;dp-popup'), который имеет необходимые значения для текущего месяца.Это DIV скрыто (display:none), но все еще имеет класс dp-popup при первой инициализации.Когда вы щелкаете в текстовом поле или нажимаете кнопку, для этих событий назначается обработчик событий (focus для текстового поля, click для кнопки), который устанавливает стиль отображения DIV, чтобы он не был скрыт, и онтакже размещает его прямо под текстовым полем.

Я не слишком много копался в коде, но, немного посмотрев на разметку, я подозреваю, что он работает.