Jquery datepicker - 手动触发

Question

我在我的一个项目中使用 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();
});

工作正常，但只需点击输入区域（而不是触发超链接）。

有没有人有任何想法或建议如何让它工作？因为据我所知，我不是唯一一个追求解决方案的人。

非常感谢！ ;)

Answer 1

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

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

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

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

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

Answer 2

我用这个：

$(".ui-datepicker-current-day").trigger("click");