2011-12-30 4 views
1

Datepicker가 작동하지만 내 문제는 옵션 코딩입니다.JQuery/JS 드롭 다운 값 처리 - 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

이것은 효과가 있습니다. 도와 주셔서 감사합니다! –

관련 문제