javascript - 在不涉及输入字段的情况下，在按下按钮时显示 jQueryUI 日期选择器

Question

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

我试过:

• 将选择器附加到按钮本身，但它会在我选择之后和回发发生之前将按钮的文本设置为所选日期，这是我不想要的。
• 将选择器附加到按钮并设置 altField <input type='text' /> 的选项它位于浏览器窗口之外，但它仍会在选择日期时设置按钮的文本。
• 通过将其附加到 div 使其内联并在 onclick 中创建它的按钮。但是根据this forum post ，内联日期选择器的设计不显示“完成”按钮，我无法通过单击它的外部来关闭它。
  • 我尝试将自己的“完成”按钮添加到日期选择器的按钮容器(在设置 showButtonPanel 时显示)，但当月份或年份发生变化并且我可以绑定(bind)的事件似乎都没有时，它就会消失请允许我将其添加回来。
  • 我尝试附上 mouseup文档主体的处理程序，这样我就可以在单击外部时关闭日期选择器，但是当我也单击日期选择器时会触发它，并且似乎完全阻止了选择器的工作。

这里最好的方法是什么？

Answer 1

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

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

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

示例: http://jsfiddle.net/7pttr/