ui.bootstrap.datepicker вручную показывает всплывающее окно выбора даты

Я использую ui.bootstrap.datepicker со страницы https://angular-ui.github.io/bootstrap/ и я пытаюсь отобразить всплывающее окно выбора даты при нажатии другой кнопки. Я перепробовал много вещей без успеха.

Некоторые из вещей, которые я пробовал:

  1. Так как раскрывающееся меню имеет отображение: ни одного атрибута в DOM, я пытался сделать его блоком, но затем возникают другие проблемы... например, вы не можете закрыть его, щелкая где-то за пределами этого контейнера.

  2. Я также пытался вручную создать экземпляр, сказав $('#test').datepicker() но создает экземпляр начальной загрузки начальной загрузки:) и когда я пытаюсь отобразить его с помощью следующей строки кода $('#test').datepicker("show") он отображает два всплывающих окна с датой.. оригинальный стиль ui.bootstrap.datepicker и тот, который изначально поставляется в стиле начальной загрузки.

  3. Я также попытался вручную вызвать событие нажатия на поле ввода, используя click() метод и trigger('click') метод из jQuery.

Все это безуспешно. Поэтому мне нужна помощь в этом.

1 ответ

Является ли ваша функция события click() в функции jquery document ready()?

Используйте этот код, чтобы выполнить эту задачу.

$(function() {
$("#date").datepicker();
$(".trigger").click(function(){ $("#date").datepicker("show"); }); 
});

Пример скрипки http://jsfiddle.net/Isakkiraj/s47htk78/

Другие вопросы по тегам