Bom, incialmente, reparei que você fez referencia ao formulário com a variável formulario
, mas usou o onsubmit
numa variável form
. Não sei se foi erro ou proposital, mas enfim.
Para conseguir a data atual, apenas crie um objeto de data sem parametros. Já a data digitada pelo usuário virá como uma string, não uma data, por isso precisa ser parseada.
Pelo que entendi, quer ver em tempo real, antes da pessoa enviar o formulário, então no caso deve usar o evento onfocusout
, o evento onsubmit
só vai dar trigger quando o formulário for enviado.
Veja:
var input = document.getElementById('UltimoDiaDemissao'),
hoje = new Date().setHours(-1),
ultimoDiaDemissao;
input.onblur = function () {
ultimoDiaDemissao = new Date(input.value.split('/').reverse().join('-')).setHours(24);
if (ultimoDiaDemissao < hoje) {
alert("Atenção: Data do último dia anterior a data atual");
}
}
Ok, agora vamos a explicação. new Date()
retorna a data atual, num objeto de data. Já todo aquele código para o UltimoDiaDemissao
funciona assim:
Para passar a data para o objeto Date
, precisa enviar uma string no formato yyyy-mm-dd
, e a sua string vem no formato brasileiro. Então o .split('/')
vai dividir o dia, mês e ano em 3 partes numa array, o reverse()
vai inverter a ordem do array, colocando o ano na frente e o dia no final, e então juntar tudo numa string com o join('-')
separados com traço ao invés de barra. Só então no final o setHours(24)
para arrumar um problema com fuso horário UTC, se precisar de detalhamento sobre isso dê uma olhada no objeto Date
do javascript e como ele funciona.
Feito isso temos dois objetos de data para serem comparados corretamente, e o resto é só ativar sempre que a pessoa tirar o foco do input de data.
JsFiddle funcional