ui.bootstrap.datepicker手动显示选择日期弹出窗口

时间:2015-06-12 09:33:20

标签: jquery datepicker

我正在使用https://angular-ui.github.io/bootstrap/页面中的ui.bootstrap.datepicker,而我正在尝试按下另一个不同的按钮时显示选择日期弹出窗口。我尝试过很多事情都没有成功。

我尝试过的一些事情:

  1. 由于下拉菜单中显示:DOM中没有任何属性我试图将其作为一个块然后出现不同的问题...例如单击该容器外部的某个位置时无法关闭它。

  2. 我还尝试通过说$('#test').datepicker()来手动实例化它,但是实例化了bootstrap datepicker :)当我尝试使用以下代码行$('#test').datepicker("show")显示它时,它显示两个日期弹出窗口...原始的ui.bootstrap.datepicker样式和最初带有引导样式的样式。

  3. 我还尝试使用jQuery中的click()方法和trigger('click')方法手动触发输入框上的click事件。

  4. 所有这些都没有成功。 所以我需要帮助。

1 个答案:

答案 0 :(得分:0)

你的click()事件函数是否在jquery文档ready()函数中?

使用此代码执行该任务。

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

示例小提琴http://jsfiddle.net/Isakkiraj/s47htk78/