jquery ui 日期选择器关闭函数

Question

我希望我的日期选择器可见，除非我调用关闭函数。我找不到任何功能，既不会在 select 约会时阻止关闭，也不会自己手动关闭它。有什么想法吗？

Answer 1

解决方案是显示日期选择器内联。这意味着您将其附加到 div 而不是文本框。它会一直显示。

<div id="datepicker"></div>

$("#datepicker").datepicker();

要"close"呢，直接隐藏div:

$("#datepicker").hide();

有关详细信息，请参阅此演示：https://jqueryui.com/datepicker/#inline

或者，如果您让日期选择器保持原样（非内联），您可以使用日期选择器插件的 "hide" 方法手动关闭它。这很容易在 http://api.jqueryui.com/datepicker/#method-hide:

的文档中找到

$("#datepicker").datepicker("hide");

传递字符串 "show" 而不是调用 show 方法，它将再次显示它。