JQuery ограничить разницу между двумя датчиками
У меня 2 свидания
$(function() {
$('#DateFrom').datepicker({ onSelect: showUser, minDate: -90, maxDate: "+1D" });
});
$(function() {
$('#DateTo').datepicker({ onSelect: showUser, minDate: -90, maxDate: "+1D" });
});
и это 2 ввода HTML для выбора даты
<input type="text" class="datepicker" name="DateFrom" id="DateFrom" />
<input type="text" class="datepicker" name="DateTo" id="DateTo" />
Мне нужно ограничить количество дней, которые пользователь может выбрать, основываясь на дате выбора. Я хочу иметь возможность ограничить его до 7 дней.
Таким образом, если пользователь выбирает 1/1/14, то он должен иметь возможность выбирать только до 1/7/14, поэтому любая дата от 1/1/14 до 1/7/14.
Я полагаю, что теория заключается в использованииDateTo
и проверить, чтоDateFrom
выбор, затем изменитеmaxDate
быть 7 дней отDateFrom
выбор.
Я получил общее представление, и я знаю, как выбрать уже выбранную дату:
var StartDate = $( "#DateFrom" ).datepicker( "getDate" );
но это все, что я могу расшифровать.
onselect для обоих вызовов DatePicker:
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();
}
Могу ли я установить ограничение maxDate для DatePicker?