ui.bootstrap.datepicker вручную показывает всплывающее окно выбора даты
Я использую ui.bootstrap.datepicker
со страницы https://angular-ui.github.io/bootstrap/ и я пытаюсь отобразить всплывающее окно выбора даты при нажатии другой кнопки. Я перепробовал много вещей без успеха.
Некоторые из вещей, которые я пробовал:
Так как раскрывающееся меню имеет отображение: ни одного атрибута в DOM, я пытался сделать его блоком, но затем возникают другие проблемы... например, вы не можете закрыть его, щелкая где-то за пределами этого контейнера.
Я также пытался вручную создать экземпляр, сказав
$('#test').datepicker()
но создает экземпляр начальной загрузки начальной загрузки:) и когда я пытаюсь отобразить его с помощью следующей строки кода$('#test').datepicker("show")
он отображает два всплывающих окна с датой.. оригинальный стиль ui.bootstrap.datepicker и тот, который изначально поставляется в стиле начальной загрузки.Я также попытался вручную вызвать событие нажатия на поле ввода, используя
click()
метод иtrigger('click')
метод из jQuery.
Все это безуспешно. Поэтому мне нужна помощь в этом.
1 ответ
Является ли ваша функция события click() в функции jquery document ready()?
Используйте этот код, чтобы выполнить эту задачу.
$(function() {
$("#date").datepicker();
$(".trigger").click(function(){ $("#date").datepicker("show"); });
});
Пример скрипки http://jsfiddle.net/Isakkiraj/s47htk78/