2011-12-30 2 views
1

У меня работает Datepicker, но моя проблема - это кодирование параметров.JQuery/JS Dropdown Value Handling - 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

Кажется, что вам не хватает закрывающей фигурной скобки «}» для указанной функции onClose. – peakit

ответ

0

Изменить сценарий, как показано ниже,

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

+0

Теперь мне кажется, что эта ошибка. «Uncaught TypeError: Object [object Object] не имеет метода« datepicker »« это из-за неправильной установки Datepicker? –

+0

Вы проверили http://jsfiddle.net/skram/RT67w/? Он корректно работает в jsFiddle. –

+0

Это сработало. Спасибо за помощь! –

Смежные вопросы