Check whether the date range between two input’s is less than a month and apply a condition

Question

I have two input’s one for start date and one for end date, I need to create a condition on javascript(jquery) for case the range is less than one month, example: I will disable a button if the range is less than 1 month.

Follow my current code: Here.

Note: I could not make the code work right here in the post, if someone can edit thank you.

UPDATE I managed using the tip from the friend below, I just made a few adjustments to fit my need Here

Answer 1

Buddy, quick script, I think it fits your needs:

https://jsfiddle.net/sNniffer/7z0dfqj1/

Answer 2

This small script will return the difference in DAYS of your two dates.

var dataIni = new Date($('#startDate').val());
var dataFim = new Date($('#endDate').val());
var diferencaEmMili = Math.abs(dataFim.getTime() - dataIni.getTime());
var diferencaEmDias = Math.ceil(diferencaEmMili / (1000 * 3600 * 24)); 

I put an example here in Jsfiddle with your code, working the comparison of dates

https://jsfiddle.net/kk7peacz/1/

Answer 3

Javascript

function Testar() {
var data_inicial = document.getElementById("dataInicial").value;
var data_final = document.getElementById("dataFinal").value;

var date1 = new Date(data_inicial);
var date2 = new Date(data_final);
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24)); 
	if(diffDays <= 30)
	{
	alert("Menor que 30 dias - botão 'Testar' vai ser desabilitado");
	document.getElementById("demo").innerHTML = "";
	}
};

  <label class="fa fa-calendar">
        <input id="dataInicial" name="dataInicial" type="text" value="">
  </label>
  <label class="fa fa-calendar">
        <input id="dataFinal" name="dataFinal" type="text" value="">
  </label>
  <div id="demo"><input name='Salvar' type='submit' id='Salvar' value='Testar' onclick='Testar()'></div>

OBS; dates in mm/dd/yyyy format