jQuery DatePicker Min Max date

Question

Ho impostato e funzionante il selettore di date jQuery ma desidero ricevere assistenza per l'impostazione delle opzioni minDate e maxDate. Il mio codice attuale è sotto (senza queste opzioni). Come posso impostare il minDate come 3 mesi prima del valore predefinito e maxDate come 28 giorni dopo il valore predefinito?

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 
}); 

Answer 1

$(function() { 

    $("#datepicker").datepicker({ 
     changeYear: true, 
     minDate: '-3M', 
     maxDate: '+28D', 
    }); 
}); 

JSFiddle Demo

UPDATE

È possibile calcolare giro max e min date valide a partire dalla data di default, quindi assegnarlo al selezionatore di date.

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 

    minDate: '-3M', 
    maxDate: '+28D', 
}); 

Update Demo

Answer 2

Il tuo può provare:

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 

    minDate: -3M, 
    maxDate: +28D 
}); 

Answer 3

MaxDate: - Imposta la data massima che può essere selezionato. Accetta un oggetto data o un numero relativo. Ad esempio: +7 o una stringa come + 6m.

minDate: - Imposta la data minima che può essere selezionata. Accetta un numero, un oggetto data o una stringa.

$(document).ready(function() { 
    $("#date").datepicker({ 
     minDate: -3, 
     maxDate: "1w" 
    }); 

});

fare riferimento: - set Minimum and maximum date to jquery datepicker

Answer 4

È inoltre possibile utilizzare intervalli di date specifiche. Ho aggiunto una data di inizio minima con un massimo di + 14D. Devi solo ricordare di essere coerente con il formato della data e utilizzare "/" anziché "-" tra MM/GG/AAAA.

$('#Date').datepicker({ 
 
    changeMonth: true, 
 
    minDate: '10/19/2016', 
 
    maxDate: '+14D', 
 
});