JQuery/JS Dropdown Value Handling - Datepicker

我有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>

來源

2011-12-30 Mr. Jack

好像你缺少指定的onClose函數的大括號「}」。 – peakit 2011-12-30 20:53:09

更改腳本如下，

$("#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這裏工作的代碼。

來源

2011-12-30 21:00:18

現在它似乎給了我這個錯誤。「Uncaught TypeError：Object [object Object] has no method'datepicker'」這是由於沒有正確安裝Datepicker？ – 2011-12-30 21:08:50

您是否檢查http://jsfiddle.net/skram/RT67w/？它在jsFiddle中正常工作。 – 2011-12-30 21:13:05

這工作。謝謝您的幫助！ – 2011-12-30 23:18:08

JQuery/JS Dropdown Value Handling - Datepicker

回答

相關問題