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