javascript - 使用日期选择器填充日期下拉列表

Question

我有一个下拉列表，用户可以在其中选择月/日/年，但为了让用户更快一点，我在 jquery datepicker 中添加了它，它工作正常，除了有一种方法可以让用户在是否从日历中选择了一个自动填充下拉字段的日期？因为我已经将这些下拉菜单设置为导入到我的数据库中。

当前下拉菜单

<dd>
        <select id="month_of_purchase" name="entry[month_of_purchase]">
            <option value="">Month</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="day_of_purchase" name="entry[day_of_purchase]">
            <option value="">Day</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="year_of_purchase" name="entry[year_of_purchase]">
            <option value="">Year</option>
            <option value="2011">2011</option>
            <option value="2012">2012</option>
            <option value="2013">2013</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
            <option value="2016">2016</option>
        </select>
        </dd>

当前日期选择器

$(document).ready(function(){
$("#datepicker").datepicker();
});

Answer 1

$(document).ready(function(){
    $("#datepicker").datepicker({dateFormat: 'mm-dd-yy',
        onSelect: function(dateText, inst) {
            var mydate= $(this).datepicker("getDate");
            $("#month_of_purchase").val(mydate.getMonth()+1);            
            $("#day_of_purchase").val(mydate.getDate());
            $("#year_of_purchase").val(mydate.getFullYear());
        }
    });
});

查看其工作情况:http://jsfiddle.net/8SYsN/