So legen Sie das maximale Datum für jquery ui datepicker fest

Question

Ich habe die jquery ui datepicker in meiner Seite und verwenden zwei Eingabeelemente ID 'StartDate' und 'EndDate'. Mein Javascript hat eine Funktion 'setRange()', in der min date definiert ist, aber ich möchte max date definieren, das startDate + nur 6 Tage sein sollte. Ich meine, Benutzer darf das Datum nicht nach 6 Tagen des Startdatums auswählen.

Bitte helfen Sie mir. Danke

Answer 1

Ich baute etwas ähnliches neulich. Grundsätzlich müssen Sie die maxDate Option auf das Element endDate setzen, jedes Mal, wenn startDate geändert wird.

Ich mag moment.js für Daten verwenden, da es Ihnen Dinge wie date.add('days',6)

hier zu tun erlaubt ist, etwas zu beginnen:

$(function() { 
    $('#start_date').change(function() { 
    var start = $(this).val(); 
    var maxDate = new Date(); // I'll leave this to you... 
    $('#end_date').datepicker('option','maxDate',maxDate); 
    }).trigger('change'); // this sets the constraint on load, too 
});