jqueryの日付ピッカーですが、月と年の別々のドロップダウンがあります

Question

jquery date pickerに取り組んでいます。私は日付を選択する必要がありますが、カレンダーから日付を選択した後、3つの個別のドロップダウンに分割する日付が必要です。月の1日目と1年目の1つ。ここにjqueryスクリプトがあります。

<script type="text/javascript"> 
    $(document).ready(function() { 

    $(function() { 
    $("#fullDate").datepicker({ 
    onClose: function(dateText, inst) { 
     $('#day').val(dateText.split('/')[2]); 
     $('#month').val(dateText.split('/')[1]); 
    $('#year').val(dateText.split('/')[0]); 
    } 
}); 
}); 
}); 
</script> 

HTML

<div class="demo"> 

<p>Date: <input id="fullDate" type="text" style="display:block"></p> 
day:<select name="day" id="day" style="width:100px"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
</select> 

month:<select name="month" id="month" style="width:100px"> 
<option>1</option> 
<option>2</option> 
    <option>3</option> 
<option>4</option> 
<option>5</option> 
</select> 

year:<select name="year" id="year" style="width:100px"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
</select> 
</div><!-- End demo --> 

Answer 1

の作業のデモのようなものを意味し、ここでをクリックしてください：あなたは人口の自動ドロップダウンを取得するテキストボックスにデモをクリックして] http://jsfiddle.net/gvAbv/13/またはhttp://jsfiddle.net/gvAbv/8/

をし、日付とビンゴを選択します。

注記dateText.split('/')[2]は年ではありません:)あなたのコードが動作する場所を切り替える場合。

つまりdateText.split('/')[2]：年; dateText.split('/')[0]：月; dateText.split('/')[0]：1日休憩のデモは、あなたがそれを明確にするのに役立ちます。

デモに余分なビットがありますが、それはあなたを助けます！

コード

$(function() { 
    $("#fullDate").datepicker({ 
     onClose: function(dateText, inst) { 
      $('#year').val(dateText.split('/')[2]); 
      $('#month').val(dateText.split('/')[0]); 
      $('#day').val(dateText.split('/')[1]); 
     } 
    }); 
}); 

画像をクリックするための別のデモ：http://jsfiddle.net/zwwY7/

コード

$(function() { 
    $("#fullDate").datepicker({ 
     buttonImage: 'icon_star.jpg', 
     buttonImageOnly: true, 
     onClose: function(dateText, inst) { 
      $('#year').val(dateText.split('/')[2]); 
      $('#month').val(dateText.split('/')[0]); 
      $('#day').val(dateText.split('/')[1]); 
     } 
    }); 
}); 

​ 

画像

Answer 2

必要な日付値を取得するために方法ONSELECT日付ピッカーを使用してください:: onselect info

同様：

onSelect: function(dateText, inst) {    
     var datePieces = dateText.split('/'); 
     var month = datePieces[0]; 
     var day = datePieces[1]; 
     var year = datePieces[2]; 
     //define select option values for 
     //corresponding element 
     $('select#month').val(month); 
     $('select#day').val(day); 
     $('select#year').val(year); 

} 

はヨーヨーをやりましたuがその