0

わかりましたので、次の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()

そのようなdivでjquery-ui-datepickerを機能させるためのドキュメントが見つからないようです。

これを行う方法を知っているか、別の (簡単にスタイル設定できる) 日付ピッカーを知っている場合は、非常に感謝しています。

ありがとうございました。

4

1 に答える 1

2

これを行う方法は、ウィジェットのshowOnオプションを使用することです。datepickerこれがデモです。

HTML

<input class="date hidden" />​

JS

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

CSS

​.hidden {
    display:none;
}​

提供したHTMLを使用すると、次のように適用できます。例。

于 2012-11-09T20:30:19.940 に答える