点击一个div（或其他东西）并获得一个datepicker？

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选项。这是demo。

<强> HTML

<input class="date hidden" />​

<强> JS

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

<强> CSS

​.hidden {
    display:none;
}​

使用您提供的HTML，可以应用它：example。