Problème lors de la mise en forme du calendrier de l'interface utilisateur jQuery

Question

Je suis bloqué par un problème de formatage du calendrier de l'interface utilisateur jQuery. Le format du calendrier est basé sur la préférence de l'utilisateur. Si l'utilisateur sélectionne le format de date de la première zone de sélection, le format de calendrier interface utilisateur doit être basée sur ce ... S'il vous plaît de partager des idées sur la façon d'y parvenir .. merci d'avance ..

jQuery code

jQuery(function() { 

     var format = 'yy-mm-dd'; 
     jQuery('#dateFormat').change(function(){ 
     format = jQuery('#dateFormat').val(); 
     alert(format); 
     }); 

     jQuery('#fromDate').datepicker({ 
     showTime: false, 
     dateFormat: format, 
     showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true 
     }); 

     jQuery('#toDate').datepicker({ 
     showTime: false, 
     dateFormat: 'dd-mm-yy', 
     showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true 
     }); 

}); 

code Html est comme suit

<label>Date Format</label> 
<select name="dateFormat" id="dateFormat"> 
<option val="1">dd-mm-yy</option> 
<option val="2">yy-mm-dd</option> 
</select> 
<label>Period start:</label> 
<input type="text" value="" size="30" name="fromDate" id="fromDate" /> 
<label>Period start:</label> 
<input type="text" value="" size="30" name="toDate" id="toDate" /> 

Answer 1

essayez ceci:

var fromDate = jQuery('#fromDate'); 
var toDate = jQuery('#toDate'); 
var dateFormat = jQuery('#dateFormat'); 

dateFormat.change(function(){ 
    var format = jQuery(this).val(); 
    fromDate.datepicker('option','dateFormat',format); 
    toDate.datepicker('option','dateFormat',format); 
}); 

fromDate.datepicker({ 
    showTime: false, 
    dateFormat: format, 
    showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true 
}); 

toDate.datepicker({ 
    showTime: false, 
    dateFormat: 'dd-mm-yy', 
    showOn: 'button',buttonText: 'Date', buttonImage: 'images/calendar.gif', buttonImageOnly: true 
});