jquery date picker लेकिन अलग-अलग ड्रॉपडाउन में दिन और वर्ष

Question

मैं एक jquery date picker पर काम कर रहा हूं। मुझे एक तारीख चुनने की जरूरत है लेकिन कैलेंडर से दिनांक चयन के बाद मुझे तीन अलग-अलग ड्रॉप डाउन में विभाजित करने की तारीख चाहिए। एक महीने के लिए एक और एक साल के लिए एक। यहां मेरी 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> 

एचटीएमएल

<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]: दिन आराम डेमो आपको इसे स्पष्ट करने में मदद करेगा।

डेमो में अतिरिक्त बिट्स हैं लेकिन यह आपकी मदद करेगा!

कोड

$(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 info

की तरह पाने के लिए विधि onselect datepicker का उपयोग करें:

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

} 

यो किया यू कि