1

O campo do tipo date não pode permitir datas Retroativas. preciso que o script reconheça a data atual e não permita datas anteriores.

<div class="col-sm-4">
    <label for="ultimoDiaTrab" class="control-label">Último dia a ser trabalhado:</label>
    <input type="date" id="ultimoDiaTrab" name="ultimoDiaTrab" class="form-control" disabled />                         
</div>

2 Respostas 2

2

Podes fazer isso assim:

var input = document.getElementById('ultimoDiaTrab');
input.addEventListener('change', function() {
  var agora = new Date();
  var escolhida = new Date(this.value);
  if (escolhida < agora) this.value = [agora.getFullYear(), agora.getMonth() + 1, agora.getDate()].map(v => v < 10 ? '0' + v : v).join('-');
});
<div class="col-sm-4">
  <label for="ultimoDiaTrab" class="control-label">Último dia a ser trabalhado:</label>
  <input type="date" id="ultimoDiaTrab" name="ultimoDiaTrab" class="form-control" />
</div>

Neste caso this.value = [agora.getFullYear(), agora.getMonth() + 1, agora.getDate()].map(v => v < 10 ? '0' + v : v).join('-'); repoõe a data escolhida com a data atual, se quiseres somente apagar podes fazer this.value = '';

3
  • Dessa forma, ele Fixa a data atual. Eu preciso que ele reconheça a data atual e não permita datas antigas. ou seja, pode sim ter datas futuras. No caso que me passou, ele não permite. Obrigada, Sergio!! Commented 14/03/2017 às 15:02
  • @KarinaPinheiro o meu exemplo permite datas futuras.
    – Sergio
    Commented 14/03/2017 às 15:04
  • 1
    Sergio, Funcionou sim! Era um erro meu aqui. Uma pergunta, e se fosse para aparecer um alerte em vez de substituir a data? do tipo " informe uma data Futura" assim que o campo foi preenchido. Commented 14/03/2017 às 16:56
0

Consegui da seguinte maneira

    <input type="date" max={new Date().getFullYear() + '-' + String(new Date().getMonth() + 1).padStart(2, '0') + '-' + new Date().getDate()} name="stockDate" id="dateMax" />        

Usando a propriedade max, vc consegue estabelecer o maior valor, e através das funções, você consegue pegar a data atual

obs: esse código funciona em react native, talvez tenha que fazer alguma alteração se for html.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .