Tenho um formulário com dois inputs de data. Um deles recebe o início do evento, e o outro o fim do evento. Tendo isso em vista, estou tentando criar uma função em Javascript que impossibilite que a data de fim seja antes da data de início. Como posso fazer isso?
Já olhei algumas respostas no Stack OverFlow em inglês, mas elas não solucionaram o problema. O meu formulário é esse:
<form name="form" action="novoevento" method="post" onsubmit="return autenticarDados()" class="form-inline">
<div class="form-group">
<label for="name">Nome do Evento:</label>
<input required="required" type="text" class="form-control" name="nome">
</div>
<div class="form-group">
<label for="dataInicio">Data de começo do evento:</label>
<input required="required" type="date" min="2017-12-01" max="2017-12-31" class="form-control" name="dataIni">
</div>
<div class="form-group">
<label for="dataFim">Data de fim do evento:</label>
<input required="required" type="date" min="2017-12-01" max="2017-12-31" class="form-control" name="dataFim">
</div>
<button type="submit" name="Registrar" class="btn btn-default">Submit</button>
</form>