是否可以在输入单击和按钮上触发 jQuery datepicker 元素？

Posted 2023-05-07

【中文标题】是否可以在输入单击和按钮上触发 jQuery datepicker 元素？

【英文标题】：Is it possible to trigger jQuery datepicker element on both input click and button?

【发布时间】：2011-05-31 15:10:59

【问题描述】：

我有一个包含默认日期的输入文本，我正在使用 jQuery 的 Datepicker 插件从 popin 日历中选择一个日期。当用户单击输入旁边的小图片时，会弹出此日历。

这很好用，但即使用户单击输入文本，我也想触发日历的弹出窗口。长话短说，我希望在两个晚上都显示日历。

有可能吗？怎么样？

谢谢！

【问题讨论】：

我倾向于同意 Nick 的观点，但是查看您现在正在运行的代码也可能会有所帮助。

我正在寻找一些复杂的东西，试图触发一些自定义操作，甚至在一个元素上实例化 2 个日历......它提醒我，有时答案就在我的眼皮底下；）谢谢大家跨度>

【参考方案1】：

您只需将showOn option 设置为"both"（而不是"focus" 或"button"），如下所示：

$( "#datepicker" ).datepicker(
    showOn: "both",
    buttonImage: "calendar.gif",
    buttonImageOnly: true
);

You can try it out here.

【讨论】：

谢谢尼克，这确实很有帮助

【参考方案2】：

尝试在输入事件处理程序中触发按钮事件，例如：

jQuery("#myinput").click(function(e)
    jQuery("#mybtn").trigger('click');
)

【讨论】：

这不仅是回旋处，也是不必要的。以及之前答案的副本。

是的，错过了。奇怪，我只看到了kinjal的那个。自己打脸。

【参考方案3】：

为图像/链接 ID 编写相同的单击处理程序，但这次使用文本框 ID。