Wybór daty jquery ale dzień miesiąca i rok w osobnych rozwijanych listach

Question

Pracuję nad wyborem daty jquery. Muszę wybrać datę, ale po wybraniu daty z kalendarza potrzebuję daty, aby podzielić na trzy osobne listy rozwijane. Jeden na dzień pierwszy na miesiąc i jeden na rok. Oto mój skrypt 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

demo Praca kliknij tutaj:] http://jsfiddle.net/gvAbv/13/lubhttp://jsfiddle.net/gvAbv/8/

w demo kliknij w polu tekstowym i wybierz termin i bingo dostaniesz auto upadki drop zaludnionych.

Uwaga: dateText.split('/')[2] to rok, a nie dzień :) jeśli przełączysz miejsce, kod będzie działał.

tj. dateText.split('/')[2]: rok; dateText.split('/')[0]: miesiąc; dateText.split('/')[0]: Demo dnia odpoczynku pomoże ci to wyjaśnić.

Demo ma dodatkowe bity, ale to ci pomoże!

kod

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

innym Demo dla obrazu kliknij:http://jsfiddle.net/zwwY7/

kodu

$(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]); 
     } 
    }); 
}); 

​ 

Obrazy

Answer 2

Użyj datepicker onselect metody w celu uzyskania wartości date musisz :: onselect info

odczuwalna:

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); 

} 

Czy yo u oznacza coś takiego