設置選擇列表當前日期使用jQuery

我使用jQuery Mobile的，我有兩個選擇列表，我想設置所選選項的列表來爲當前日期和月份..設置選擇列表當前日期使用jQuery

編輯我我使用JqueryMobile

代碼爲2所列出：

  <fieldset data-role="controlgroup"> 
      <legend>تاريخ اخر دورة شهرية : </legend> 
      <label for="select-choice-day">أختر الشهر</label> 
      <select name="select-choice-day" id="select-choice-day"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
       <option value="5">5</option> 
       <option value="6">6</option> 
       <option value="7">7</option> 
       <option value="8">8</option> 
       <option value="9">9</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> 
       <!-- etc. --> 
      </select> 


      <label for="select-choice-month">اختر الشهر</label> 
      <select name="select-choice-month" id="select-choice-month"> 
       <option value="1">يناير</option> 
       <option value="2">فبراير</option> 
       <option value="3">مارس</option> 
       <option value="4">إبريل</option> 
       <option value="5">مايو</option> 
       <option value="6">يونيو</option> 
       <option value="7">يوليو</option> 
       <option value="8">أغسطس</option> 
       <option value="9">سبتمبر</option> 
       <option value="10">أكتوبر</option> 
       <option value="11">نوفمبر</option> 
       <option value="12">ديسمبر</option> 
       <!-- etc. --> 
      </select> 
      </fieldset>

選擇當前日期和月份的代碼..但它不工作！

var today = new Date(); 
     var day = today.getDate(); 
     var month = today.getMonth(); 
     alert(month); 
     $('#select-choice-day option').get(day).attr('selected','selected'); 
     $('#select-choice-month option').get(month).attr('selected','selected');

來源

2011-11-17 Bader

在JavaScript月份是基於0 ...一月= 0，二月= 1 – KevinB

的問題與您的代碼是.get()一個jQuery對象上指定的指標，而不是一個jQuery對象在返回一個DOMElement了，所以你不能在上面（）使用.attr（）。

這裏的代碼工作片：

$('#select-choice-day option[value=' + day + ']').prop('selected',true); 
$('#select-choice-month option[value=' + (month+1) + ']').prop('selected',true);

請注意，.prop()僅適用於jQuery的1.6及以上。如果您使用的是較舊版本的庫，請使用attr()。

這裏有一個jsfiddle

來源

2011-11-17 09:07:29

嘗試

var today = new Date(); 
$('#select-choice-day').val(today.getDate()); 
$('#select-choice-month').val(today.getMonth() + 1);

記住添加1到.getMonth()，因爲它是零索引。

Here is an example.

來源

2011-11-17 09:08:13

嘗試這個 -

$('#select-choice-day option[value=' + day + ']').attr('selected',true); 
$('#select-choice-month option[value=' + (month+1) + ']').attr('selected',true);

Working Example

來源

2011-11-17 09:13:33 Vivek

設置選擇列表當前日期使用jQuery

回答

相關問題