Jquery datepicker - 手动触发

时间:2011-11-12 19:36:06

标签: jquery datepicker jquery-ui-datepicker

我在我的一个项目中使用了jquery datepicker,我需要通过单击输入区域旁边的超链接来触发datepicker。

不幸的是,由于某种原因,我无法使用它。

我有一个输入区域和超链接我想在输入区域中触发日历。

<input type="text" id="date" /><a href="#" class="trigger">Show calendar</a>

我试图想出一个Javascript代码,例如:

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

正如之前讨论中的其他人建议使用SHOW方法弹出日历。但它不起作用。

代码如

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

工作正常,但只需点击输入区域(而不是触发超链接)。

有没有人有任何想法或建议如何让这个工作?据我所知,我不是唯一追逐解决方案的人。

非常感谢! ;)

2 个答案:

答案 0 :(得分:20)

您的click()事件是否在jQuery(document).ready()函数中?

因为 jQuery 会递归地将click事件处理程序分配给您在页面加载时定义的每个类。

否则,如果它位于文档就绪函数之外,它将不会执行任何操作,如下所示:

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

我还假设你已经加载了 jQuery 并且在 HTML 文档的头部加载了datepicker插件:)

答案 1 :(得分:1)

我用这个:

TreeNode*