Jquery 单击一个div（或其他）并获取日期选择器？

好的，我有下面的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>​

我似乎找不到任何文档可以让jQueryUIDatePicker在这样的div上工作

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

---

谢谢。

一种方法是使用

datepicker

小部件的

shown

选项。这是我的建议

HTML

<input class="date hidden" />​

CSS

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

​.hidden {
    display:none;
}​

---

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

yep，我会这样做的it@mwoods79可以使用在选择时调用的函数设置模型/div的属性datepicker@mwoods79请参阅答案末尾添加的示例，以使其与div一起工作。@juan.facorro您能给我一个链接吗？@mwoods79在该链接上方的“示例”一词中有一个链接。

​.hidden {
    display:none;
}​