Jquery datepicker - 手动触发

Question

我在我的一个项目中使用 jquery 日期选择器，我需要通过单击输入区域旁边的超链接来触发日期选择器。

不幸的是，由于某种原因我无法让它工作。

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

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

我尝试编写一个 Javascript 代码，例如:

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

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

代码如

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

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

有人对如何让它发挥作用有任何想法或建议吗？因为据我所知，我不是唯一一个寻求解决方案的人。

非常感谢! ;)

Answer 1

你的click()事件函数在jQuery(document).ready()函数中吗？

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

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

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

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