JQuery restringir la diferencia entre dos selectores de fechas
Tengo 2 citas selectas
$(function() {
$('#DateFrom').datepicker({ onSelect: showUser, minDate: -90, maxDate: "+1D" });
});
$(function() {
$('#DateTo').datepicker({ onSelect: showUser, minDate: -90, maxDate: "+1D" });
});
y estas son las 2 entradas html para los selectores de fecha
<input type="text" class="datepicker" name="DateFrom" id="DateFrom" />
<input type="text" class="datepicker" name="DateTo" id="DateTo" />
Necesito restringir la cantidad de días que un usuario puede elegir en función de la fecha desde la selección. Quiero poder restringirlo a 7 días.
Entonces, si un usuario selecciona 1/1/14, entonces solo debe poder seleccionar hasta 1/7/14, así que cualquier fecha desde 1/1/14 a 1/7/14.
Supongo que la teoría es utilizar la selección de laDateTo
y verifica queDateFrom
la selección es, luego cambiar lamaxDate
ser 7 dias desde laDateFrom
selección.
Tengo la idea general y sé cómo seleccionar la fecha ya seleccionada:
var StartDate = $( "#DateFrom" ).datepicker( "getDate" );
Pero eso es todo lo que puedo descifrar.
la opción onselect para ambas selecciones de fecha:
function showUser() {
// Retrieve values from the selects
var DateFrom = document.getElementById('DateFrom').value;
var DateTo = document.getElementById('DateTo').value;
var StartDate = $( "#DateFrom" ).datepicker( "getDate" );
if (DateFrom=="" || DateTo == "") {
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","StreetHailDrivers.php?DateFrom="+DateFrom+"&DateTo="+DateTo,true);
xmlhttp.send();
}
¿Podría poner el límite de fecha máxima en fecha?