javascript - JQuery/JS 下拉值处理 - 日期选择器

Question

我可以使用 Datepicker，但我的问题是选项的编码。

我正在尝试获取用户选择的日期，将其拆分为多个值，并将这些数字发送到隐藏的下拉框中，这些数字更容易被该网站使用的电子商务软件接受。我对使用 Javascript 和 jQuery 还很陌生，所以这可能是一些小事，我只是还没有想过尝试一下。

我不断在 Chrome 控制台中收到“意外 token ，“}”的错误。但是当我删除它时，它给了我“意外的 token ，”)“”。等等。

非常感谢任何帮助或意见。

jQuery 选项:

<script type="text/javascript">
$(function() {
    $( "#datepicker" ).datepicker({
               changeMonth: true,
               changeYear: true,minDate: "+7d",
               altField: "#EventDateYear",
               altFormat: "yy",
               onClose: function(dateText,picker){
                  $('#EventDateDay').val( dateText.split(///)[1] );
                  $('#EventDateMonth').val( dateText.split(///)[0] );

    });

 });
</script>

HTML:

<input type="text" id="datepicker" style="display:none;">

<div class="Value" id="event-dropdown">
<select id="EventDateMonth" name="EventDate[Mth]" class="CalendarSelectSmall" style="margin-bottom:3px; %%GLOBAL_EventDateMonthStyle%%">
            <option value="-1">---</option>
                <option value="01">Jan</option>
                <option value="02">Feb</option>
                <option value="03">Mar</option>
                <option value="04">Apr</option>
                <option value="05">May</option>
                <option value="06">Jun</option>
                <option value="07">Jul</option>
                <option value="08">Aug</option>
                <option value="09">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; %%GLOBAL_EventDateDayStyle%%">
            <option value="-1">---</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</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; %%GLOBAL_EventDateYearStyle%%">
            %%GLOBAL_OverviewToYears%%
        </select>
          <script type="text/javascript">
  document.getElementById("event-dropdown").style.display = 'none';
  document.getElementById("datepicker").style.display = 'block';
</script>

Answer 1

如下更改您的脚本，

$( "#datepicker" ).datepicker({
           changeMonth: true,
           changeYear: true,minDate: "+7d",
           altField: "#EventDateYear",
           altFormat: "yy",
           onClose: function(dateText,picker){
              $('#EventDateDay').val( dateText.split('/')[1] );
              $('#EventDateMonth').val( dateText.split('/')[0] );
           }

});

检查jsFiddle这里是工作代码。