PHP - 2 fechas en calendario

<input type="date" placeholder="Desde"  name="desde" step="1" min="2017-11-13" max="2018-11-13" value="<?php echo date("d-m-Y");?>" required />

<br><br>

<label>Hasta: </label>

<input type="date" placeholder="Hasta"  name="hasta" step="1" min="2017-11-13" max="2018-11-13" value="<?php echo date("d-m-Y");?>" required />

<input type="date" placeholder="Desde"  name="desde" step="1" min="2017-11-13" max="2018-11-13" value="<?php echo date("d-m-Y");?>" required />

<input type="date" placeholder="Hasta"  name="hasta" step="1" min="2017-11-13" max="2018-11-13" value="<?php echo date("d-m-Y");?>" onchange="return validar(this)" required />

<script>

function validar(e)

{

	var desde=document.querySelectorAll("input[name='desde']")[0].value;

	var hasta=document.querySelectorAll("input[name='hasta']")[0].value;

	if(desde && hasta)

	{

		var desdeDate=new Date(desde);

		var hastaDate=new Date(hasta);

		if(hastaDate>desdeDate)

		{

			console.log("OK");

		}

	}

}

</script>

<input type="date" placeholder="Desde"  name="desde" id ="inicio" step="1" min="2017-11-13" max="2018-11-13" value="<?php echo date("d-m-Y");?>" required />

<input type="date" placeholder="Hasta"  name="hasta" id="fin" step="1" min="2017-11-13" max="2018-11-13" value="<?php echo date("d-m-Y");?>" onchange="return validar()" required />

<script>

function validar() {

        var inicio = document.getElementById('inicio').value;

        var finalq  = document.getElementById('fin').value;

        inicio= new Date(inicio);

        finalq= new Date(finalq);

        if(inicio>finalq)

        alert('La fecha de inicio no puede ser mayor que la fecha fin');

    return false;

        }

</script>