2011-12-30 13 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:オブジェクト[オブジェクトオブジェクト]にメソッドがありません 'datepicker'" これはDatepickerが正しくインストールされていないためですか? –

+0

http://jsfiddle.net/skram/RT67w/をチェックしましたか? jsFiddleで正しく動作しています。 –

+0

これはうまくいった。助けてくれてありがとう! –

関連する問題