没有文本框的jQuery UI datepicker

Question

是否可以在没有文本框的情况下使用jQuery UI datepicker？我只想让日历图标在点击时显示日历控件.然后,当选择日期时,控件应该消失.然后我只想捕获所选日期并将其传递给我自己的javascript函数.

我尝试过使用spans和div,但行为完全错了.当用户选择日期时,它不会隐藏.如果我按照某些人的建议将其附加到隐藏字段,则无法启动日期选择器.

Answer 1

这是我的解决方案.

小提琴:

http://jsfiddle.net/qphza/1/

// Set up datepicker toggle functionality

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

$("#buttonHere").click(function(){

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

$("#datepicker").datepicker({ 
      onSelect: function(value, date) { 
         alert('The chosen date is ' + value); 

         // Hide the datepicker div when something is selected

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

这是HTML

<button id = "buttonHere">Click to show datepicker</button>

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