Tenho um formulário com um período de data ('Data inicio' e 'Data fim'). A data de início não pode ser menor que a data final e a data final não pode ser menor que a data de início. Esses inputs estão utilizando o 'datepicker' do JQuery UI (JQueryUI 1.11.0 e JQuery 3.1.1).
Procurei na documentação do Jquery UI e encontrei o exemplo abaixo:
$(function () {
var dateFormat = "dd/mm/yy",
from = $("#from")
.datepicker()
.on("change", function () {
to.datepicker("option", "minDate", getDate(this));
}),
to = $("#to").datepicker()
.on("change", function () {
from.datepicker("option", "maxDate", getDate(this));
});
function getDate(element) {
var date;
try {
date = $.datepicker.parseDate(dateFormat, element.value);
} catch (error) {
date = null;
}
return date;
}
});
Existe alguma outra forma de fazer isso?