Modification dynamique de l'option dans l'interface utilisateur JQuery Échec de DatePicker

Question

Je souhaite effectuer une sélection de plage de dates à l'aide de jquery-ui datepicker. La première modification à #dteStart réussit à définir minDate à #dteEnd. Mais #dteEnd n'a pas pu actualiser ses options lors de la prochaine modification, si j'avertis DateOptions.minDate sa valeur a changé selon dateMin.

Peut-être me manque quelque chose ...

$(document).ready(function() 
{ 
    $("#dteStart").datepicker() 
    .change(function() 
    { 
     dateStart = $(this).datepicker('getDate'); 
     dateMin = new Date(dateStart.getTime()); 
     dateMin.setDate(dateMin.getDate() + 1); 

     var DateOptions = { 
      dateformat: "mm/dd/yyyy", 
      minDate: dateMin 
     } 
     $("#dteEnd").datepicker(DateOptions); 
    }); 
}); 

TIA,

REV

Answer 1

mis $("#dteEnd").datepicker("destroy"); avant $("#dteEnd").datepicker(DateOptions); et cela fonctionnera très bien.

Answer 2

Si vous voulez juste changer les options déjà configurées, vous pouvez également faire:

$("#dteEnd").datepicker("option", DateOptions); 

ou

$("#dteEnd").datepicker("option", { dateFormat: "mm/dd/yyyy" }); 

Answer 3

La fonction d'aide jQuery suivant peut être utile dans ce cas, pour préserver l'original options:

Il enregistre les options précédentes et les étend avec les nouvelles options.