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>
지정한 onClose 함수에 대해 닫는 중괄호 "}"가 누락되었습니다. – peakit