Ändern Sie die Option dynamisch in JQuery UI DatePicker schlägt fehl

Question

Ich möchte Datumsbereichsauswahl mit jquery-ui Datepicker vornehmen. Die erste Änderung bei #dteStart ist erfolgreich, um minDate auf #dteEnd zu setzen. #dteEnd konnte jedoch seine Optionen bei der nächsten Änderung nicht aktualisieren, wenn der Wert DateOptions.minDate entsprechend dem Wert von dateMin geändert wurde.

Vielleicht vermissen ich etwas hier ...

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

$("#dteEnd").datepicker("destroy"); setzen, bevor $("#dteEnd").datepicker(DateOptions); und es wird gut funktionieren.

Answer 2

Wenn Sie wollen einfach nur die bereits konfigurierten Optionen ändern, können Sie auch tun:

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

oder

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

Answer 3

Die folgende jQuery-Helferfunktion in solchen Fällen nützlich sein kann, um das Original zu bewahren Optionen:

$.fn.customizeDatepicker = function(newOptions) { 
    var prevOptions = $(this).datepicker('option', 'all'); 
    $(this).datepicker('destroy').datepicker($.extend(prevOptions, newOptions)); 
    return this; 
}; 

Es speichert die vorherigen Optionen und erweitert sie mit den neuen Optionen.