Jquery ui jQuery日期选择器使用选择框

我试图实现一个jQueryUIDatePicker来处理一系列选择框，而不是输入文本框。原因是选择框是自动生成的，我无法更改该代码，因此无法将其更改为输入文本框

这是一个典型的日期选择器，我可以让它工作

然而，对于我们来说，我们需要使其与以下内容一起工作：

以下是用于此的HTML：

<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>

*巡演开始日期：
---年月日
---12345678910111213141516171819202122232425262728293031
---2012
（必须在2012年12月31日之前）

---

任何帮助都将不胜感激

erhaps您可以使用jQuery datepicker图标触发器调用连接到隐藏输入框的日期选择器。单击日历时，需要将插入隐藏文本框的值子串到相应的下拉列表中

---

您可以使用jQuery datepicker图标触发器调用连接到隐藏输入框的日期选择器。单击日历时，需要将插入隐藏文本框的值子串到相应的下拉列表中

---

代码建议已在提供

代码建议已在提供