Jquery ui 带有按钮而不是输入框的jquery ui日期选择器

我正在寻找一种方法来使用一个按钮，而不是一个输入框日期选择器。当我单击按钮时，日期选择器将显示为按钮的下拉列表，单击时会触发一些事件。如下图所示

---

有什么帮助吗？

如果您使用的是输入字段和图标（如本例所示）：

或

结果表明，一个简单的隐藏输入字段完成了这项工作：

<input type="hidden" id="dp" />

起初，我尝试了一个文本输入字段，然后在其上设置了一个display:none样式，但这导致日历出现在浏览器的顶部，而不是用户单击的位置。但是隐藏字段可以按预期工作

$("#Date").datepicker();
  $("#Date_icono").click(function() { 
   $("#Date").datepicker( "show" );
  });

<input type="hidden" id="dp" />

$("#dp").datepicker({
    buttonImage: '../images/icon_star.gif',
    buttonImageOnly: true,
    changeMonth: true,
    changeYear: true,
    showOn: 'both',
 });