Как всплывает окно возле поля?

Question

[Алексей Напечкин]

Здравствуйте.
https://jqueryui.com/datepicker/
Тут, при клике на поле появляется календарь.

Кто знает благодаря какому куску кода он это делает? именно возле нажатого поля.

Comments

[DevMan]

Алексей Напечкин интересует конкретно этот код или как такое сделать вообще?

Answer 1

[ProjectSoft]

Если для вопроса Как реализовать появление блока относительно нажатой кнопки?
jsfiddle.net/nbz27sjL
Т. е. Мы показываем инпут, чтобы скрипт datepicker просчитал его позицию и тут же скрываем.

Comments

[Алексей Напечкин]

Ваши напутствия помогли!
Покопавшись ещё, в итоге достиг желаемого результата:
jsfiddle.net/vnu3adyk

Answer 2

[Олег]

inst.trigger.on( "click", function() {
				if ( $.datepicker._datepickerShowing && $.datepicker._lastInput === input[ 0 ] ) {
					$.datepicker._hideDatepicker();
				} else if ( $.datepicker._datepickerShowing && $.datepicker._lastInput !== input[ 0 ] ) {
					$.datepicker._hideDatepicker();
					$.datepicker._showDatepicker( input[ 0 ] );
				} else {
					$.datepicker._showDatepicker( input[ 0 ] );
				}
				return false;

Comments

[ProjectSoft]

Ну да))))
Но наверное TC интересует вот эта ссылка

[Алексей Напечкин]

ProjectSoft, Интересует вероятность переноса этой функции на этот вопрос..
Как реализовать появление блока относительно нажатой кнопки?

[ProjectSoft]

Алексей Напечкин, ну так это просто.
Ответ ниже.

Answer 3

[BigSmoke]

Там же на странице кнопочка "view source" есть. Нажимаете на нее и смотрите код.

<p>Date: <input type="text" id="datepicker"></p>

$( function() {
    $( "#datepicker" ).datepicker();
} );

Comments

[Алексей Напечкин]

Да, в курсе, что есть такая кнопка, интересно понять как перенести эту функцию на этот вопрос:
Как реализовать появление блока относительно нажатой кнопки?