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

在一个ASP.NET项目中，我正在寻找一种方法，当我按下一个按钮时，会出现一个jQueryUI日期选择器，然后在选择日期时导致回发。我已经让回发部分使用，但我有麻烦，要么让选择器离开时，我想它或行为正常时，选择了一个日期

我试过：

将选取器附加到按钮本身，但它会将按钮的文本设置为我选择之后、回发发生之前的所选日期，这是我不希望看到的。 将选择器附加到按钮，并将altField选项设置为位于浏览器窗口外部的，但在选择日期时仍会设置按钮的文本。 通过将其附加到div并在单击按钮时创建它，使其内联。但是根据我的设计，内联日期选择器没有显示“完成”按钮，我不能通过单击按钮外的按钮来取消它。 我尝试将我自己的“完成”按钮添加到datepicker的按钮容器中，该容器在设置showButtonPanel时显示，但当月份或年份发生变化时，它就会消失，并且我可以绑定的任何事件似乎都不允许我将其添加回去。 我尝试将mouseup处理程序附加到文档体，以便在单击日期选择器外部时可以关闭该日期选择器，但在单击日期选择器时也会触发该操作，并且似乎完全阻止了该选择器的工作。 这里最好的方法是什么？

我以前使用过一个隐藏的输入字段，并在其上附加了一个日期选择器，取得了成功：

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

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

---

示例：

在做了一些修改后，这一点起了作用。有趣的是，我在$'myHiddenInput'.datepicker'show'上得到了一个Javascript错误；如果隐藏输入不是其父项的第一个子项。棘手的