jquery - 单击一个 div（或其他东西）并获得一个日期选择器？

Question

好的，所以我有以下html。

<div class="holder">                                                         
  <span class="mini-arrow"></span>
  <div class="date">
    <p>11</p>
    <p><span>Apr<br />2012</span></p>
  </div>
  <div class="hour">                                                                                         
    <p>3:20</p>                                                                               
    <p><span>pm</span></p>                                                                  
  </div>                                                                                                     
  <div class="cl">&nbsp;</div>                                                                               
</div>​

我想做的就是这个。

$('.date').datepicker()

我似乎找不到任何文档来使 jquery-ui-datepicker 在这样的 div 上工作。

如果您知道如何做到这一点，或者知道另一个（易于样式化的）日期选择器，那将不胜感激。

谢谢你。

Answer 1

一种方法是使用小部件的showOn选项datepicker。这是演示。

HTML

<input class="date hidden" />​

JS

$('.date').datepicker({
    showOn: "button",
    buttonImageOnly: false,
    buttonText : "Select Date"
});​

CSS

​.hidden {
    display:none;
}​

使用您提供的 HTML，这就是它的应用方式：example。