Datetime Picker Change Max Min DateTime
by Baranenko Nikolay
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.js"></script>
<div class="container">
<div class="row text-center">
<span>С</span>
<input type="text" id="datetime_from"/>
<span>По</span>
<input type="text" id="datetime_to"/>
</div>
</div>
<input type="submit" value="Получить дату" id="but_test" onclick="GetDateInfo();"/>
<input type="text" value="" id="result" name="result"/>
JavaScript
// обновление выбора даты
function updateDateTime_from(value){
// console.log ($('#datetime_from').val(value));
console.log("datetime_from :: "+document.getElementById("datetime_from").value);
// document.getElementById("datetime_from").maxDate=document.getElementById("datetime_to").value;
// console.log("datetime_to :: "+document.getElementById("datetime_to").value);
// console.log(value);
// console.log("datetime_to minDate до:: "+$("#datetime_to").datetimepicker("option", "minDate"));
$("#datetime_to").datetimepicker("option", "minDate", value);
$("#datetime_to").datetimepicker("refresh");
// console.log("datetime_to minDate после:: "+$("#datetime_to").datetimepicker("option", "minDate"));
// document.getElementById("datetime_from").
// console.log("datetime_to minDate:: "+document.getElementById("datetime_to").getAttribute("option","minDate"));
// console.log("datetime_to minDate:: "+document.getElementById("datetime_to").getAttribute("minDate"));
};
// обновление выбора даты
function updateDateTime_to(value){
// console.log ($('#datetime_from').val(value));
// console.log("datetime_from :: "+document.getElementById("datetime_from").value);
// console.log("datetime_to :: "+document.getElementById("datetime_to").value);
// console.log(value);
// $("#datetime_from").datetimepicker("option", "maxDate", value);
// console.log("datetime_from maxDate до:: "+$("#datetime_from").datetimepicker("option", "maxDate"));
$("#datetime_from").datetimepicker("option", "maxDate", value);
$("#datetime_from").datetimepicker("refresh");
// console.log("datetime_from maxDate после:: "+$("#datetime_from").datetimepicker("option", "maxDate"));
};
function getFormattedDate(date) {
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear().toString().slice(0);
return day +...