设置选择列表当前日期使用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

回答

相关问题