jQuery datepicker select boxでの作業

入力テキストボックスの代わりに一連のselectボックスを使用するjQuery UI datepickerを実装しようとしています。理由は、選択ボックスが自動生成され、そのコードを変更できないため、テキストボックスを入力するように変更することができないためです。jQuery datepicker select boxでの作業

これは典型的な日付ピッカーなので、これを動作させることができます。

enter image description here

しかし、私たちのために、我々はそれがこれで動作させる必要があります。すべてのヘルプは非常になります

<div class="DetailRow"> 
    <div class="Label"> 
     <span class="Required">*</span>Tour Begin Date: 
    </div> 
    <div class="Value"> 
     <select id="EventDateMonth" name="EventDate[Mth]" class="CalendarSelectSmall" style="margin-bottom:3px; "> 
      <option value="-1">---</option><option value="1">Jan</option><option value="2">Feb</option><option value="3">Mar</option><option value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option> 
     </select> 
     <select id="EventDateDay" name="EventDate[Day]" class="CalendarSelectSmall" style="margin-bottom:3px; "> 
      <option value="-1">---</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option> 
     </select> 
     <select id="EventDateYear" name="EventDate[Yr]" class="CalendarSelectSmall" style="margin-bottom:3px; "> 
      <option value="-1">---</option><option value="2012">2012</option> 
     </select> 
     <div> 
      (Must be before 31st Dec 2012) 
     </div> 
    </div> 
</div>

：

enter image description here