JQuery: присоединение формы ввода к полю ввода в стиле datepicker

Question

Я хочу отобразить форму ввода, прикрепленную к полю ввода, как это делает указатель даты.

Я пробовал использовать функцию "show", но вместо отображения наложенной формы ввода она показывает, что было скрыто, и перемещает остальную часть страницы вниз.

Существует множество наложенных библиотек, но ни одна (как я видел) не присоединяет наложенную форму к полю ввода, как это делает "datepicker".

Есть ли простой способ сделать это? (желательно никаких других внешних библиотек, кроме jQuery или jQuery UI).

Спасибо!

Answer 1

Насколько я знаю, для этого нет библиотеки или плагина (поправьте меня, если я ошибаюсь). Вам следует использовать абсолютное позиционирование CSS для формы и установить свойства top / left на форме равными offset поля ввода. Вот быстрый пример того, как я это сделаю: http://jsfiddle.net/85ZkV/

Answer 2

Проблема, с которой вы столкнулись, связана с CSS.

Просто примените абсолютное позиционирование к DIV, который вы показываете, с помощью .show ().

Пример:

// jQuery is :
$('#yourDiv').addClass('yourDivClass');

/* CSS is : */
.yourDivClass {
  position: absolute;
  top: 50px;
  left: 100px;
}

Настройте левое и верхнее значения по своему вкусу.