Cálculo com datas

[marcelobbt 7]

Estou tentando obter duas datas de um form e subtrair uma da outra para obter os dias perdidos e lançar num terceiro campo do form.

 

Abaixo o código.

<script>
	function diasperdidos() {
		var $dataacidente = document.getElementById('dataform');
		var $dataalta = document.getElementById('dataaltaform');
		var $prevdataalta = document.getElementById('prevdataaltaform');
		var $diasperdidos = document.getElementById('diasperdidosform');
		var umdia = 1000 * 60 * 60 * 24;
		var data1 = $dataacidente.getTime();
		if ($dataalta == null) {
			var data2 = $prevdataalta.getTime();
		} else {
			var data2 = $dataalta.getTime();
		}
    	diasp = Math.abs(data2 - data1);
    	$diasperdidos = Math.round(difference_ms/umdia);
		return $diasperdidos;
	}
</script>
<form>
<label>Data do Acidente:</label>
	<p><input type="date" name="dataform" value="" id="dataform"  /></p>
<label>Previsão da Data da Alta:</label>
	<p><input type="date" name="prevdataaltaform" value="" onfocus="diasperdidos()" id="prevdataaltaform"  /></p>
	<label>Data da Alta:</label>
	<p><input type="date" name="dataaltaform" value="" onfocus="diasperdidos()" id="dataaltaform"  /></p>
	<label>Dias Perdidos:</label>
	<p><input type="number" name="diasperdidosform" value="readonly" id="diasperdidosform"  /></p>
</form>

Será que alguém pode me indicar onde estou errando?

[wootzor 103]

Experimenta assim:

function diasperdidos() {
  var $dataacidente = document.getElementById('dataform').value;
  var $dataalta = document.getElementById('dataaltaform').value;
  var $prevdataalta = document.getElementById('prevdataaltaform').value;
  var $diasperdidos = document.getElementById('diasperdidosform');
  var umdia = 1000 * 60 * 60 * 24;
  var data1 = new Date($dataacidente).getTime();
  var data2 = null;
  if ($dataalta == null) {
    data2 = new Date($prevdataalta).getTime();
  } else {
    data2 = new Date($dataalta).getTime();
  }
  diasp = Math.abs(data2 - data1);
  $diasperdidos.value = Math.round(diasp/umdia);
}

Só precisas de fazer o cálculo uma vez inserida a data de alta pelo que não vale a pena estar a chamar a função no segundo campo do tipo "date". Já agora, podes usar o evento "onblur" (perda de foco), que acho que faz mais sentido neste caso.

<label>Data da Alta:</label>
<p><input type="date" name="dataaltaform" value="" onblur="diasperdidos()" id="dataaltaform"  /></p>

[marcelobbt 7]

Muito obrigado!

 

resolveu o problema. Só tive que mudar o if em vez de procurar null ele procura por em branco.

 

Abaixo a solução final da função.

function diasperdidos() {
  var $dataacidente = document.getElementById('dataform').value;
  var $dataalta = document.getElementById('dataaltaform').value;
  var $prevdataalta = document.getElementById('prevdataaltaform').value;
  var $diasperdidos = document.getElementById('diasperdidosform');
  var umdia = 1000 * 60 * 60 * 24;
  var data1 = new Date($dataacidente).getTime();
  var data2 = null;
  if ($dataalta == '') {
    data2 = new Date($prevdataalta).getTime();
  } else {
    data2 = new Date($dataalta).getTime();
  }
  diasp = Math.abs(data2 - data1);
  $diasperdidos.value = Math.round(diasp/umdia);
}

Essa questão do onblur também ajudou bastante. Era exatamente o que procurava, mas não sabia qual era o termo para quando desmarcava o campo.