在按下按钮时显示 jQueryUI 日期选择器，而不涉及输入字段

Question

在 ASP.NET 项目中，我正在寻找一种方法，让 jQueryUI 日期选择器在按下按钮时出现，然后在选择日期时引发回发。我已经使用 此方法 使回发部分正常工作，但我无法让选择器在我想要的时候消失，或者在选择日期时正常运行。

我尝试过：

• 将选择器附加到按钮本身，但它在我选择之后和回发发生之前将按钮的文本设置为所选日期，这是我不想要的。
• 将选取器附加到按钮并将 altField 选项设置为位于浏览器窗口外部的 ，但它仍然设置选择日期时按钮的文本。
• 通过将其附加到 div 并在按钮的 onclick 中创建它来使其内联。但根据 此论坛帖子，内联日期选择器的设计不显示“完成”按钮，并且我无法通过单击其外部来关闭它。
  • 我尝试将自己的“完成”按钮添加到日期选择器的按钮容器中（设置 showButtonPanel 时显示），但当月份或年份发生变化时，它就会消失，并且我没有发生任何事件。可以绑定似乎允许我将其添加回来。
  • 我尝试将一个 mouseup 处理程序附加到文档正文，这样当我在日期选择器外部单击时，我可以关闭日期选择器，但是当我在日期选择器中单击时也会触发该处理程序，并且似乎会阻止选择器完全在工作。

这里最好的方法是什么？

Answer 1

我之前使用过隐藏的 input 字段，并附加了一个日期选择器并取得了成功的结果：

$("#date").datepicker({...}); // #date has style display='none'

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

示例：