jquery ui datepicker关闭函数

Question

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

Answer 1

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

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

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

要“关闭”它，只需隐藏 div：

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

查看此演示了解更多详情：https://jqueryui.com/datepicker/#inline

或者，如果您将日期选择器保持原样（不是内联），您可以使用日期选择器插件的“隐藏”方法手动关闭它。这在http://api.jqueryui.com/datepicker/#method-hide 的文档中很容易找到：

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

传递字符串“show”来调用show方法，它会再次显示。