Обработка выпадающего значения JQuery / JS - Datepicker - PullRequest
Новая
       33

Обработка выпадающего значения JQuery / JS - Datepicker

1 голос
/ 31 декабря 2011

У меня работает Datepicker, но моя проблема в кодировании опций.

Я пытаюсь взять дату, которую выбирает пользователь, разделить ее на несколько значений и отправить эти числа в скрытыевыпадающие списки, которые более приемлемы для программного обеспечения электронной коммерции, которое использует этот сайт.Я довольно новичок в использовании Javascript и jQuery, так что это может быть что-то маленькое, что я даже не подумал попробовать.

Я получаю сообщение об ошибке в консоли Chrome для «Неожиданного токена», «}»».Но когда я удаляю его, он дает мне «Неожиданный жетон»).И так далее.

Любая помощь или вклад приветствуются.

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>

1 Ответ

0 голосов
/ 31 декабря 2011

Измените ваш скрипт, как показано ниже, 

$( "#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 здесь для рабочего кода.

...