2015-06-26 359 views
-2

我想计算两个日期写入表单页面的两个字段之间的差异。下面的HTML代码:Javascript - 两个日期之间的差异

<!-- CALENDARIO --> 
<script src="js/datetimepicker_css.js"></script> 
<!-- CALENDARIO --> 

雅卓codice HTML


<tr> 
    <td width="306" valign="top"> 
<div class="col-xs-8"> 
    Data inizio<br> 
    <div class="input-group"> 
     <input type="text" class="form-control" name="data_inizio" id="date_validation1" maxlength="25" size="20"/> 
     <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-calendar" onclick="javascript:NewCssCal ('date_validation1','yyyyMMdd')" style="cursor:pointer"></span> 
     </span> 
    </div> 
</div>       
    </td> 
    <td width="307" valign="top"> 
<div class="col-xs-8"> 
    Data fine<br> 
    <div class="input-group"> 
     <input type="text" class="form-control" name="data_fine" id="date_validation2" maxlength="25" size="20"/> 
     <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-calendar" onclick="javascript:NewCssCal ('date_validation2','yyyyMMdd')" style="cursor:pointer"></span> 
     </span> 
    </div> 
</div>  
    </td> 
    <td width="307" valign="top"> 
    <div class="col-xs-8"> 
     Numro giorni<br> 
     <input type="text" class="form-control" name="numero_giorni"></div> 
    </td> 
</tr> 

如何计算两个日期之间的差异,并写在申请名称= “天” 有什么区别?

感谢

+0

你尝试过什么? 'NewCssCal()'做什么?为什么你的日期字段具有'maxlength =“25”' - 哪种格式适合? – nnnnnn

+0

嗨,NewCssCal()是一个脚本来调用日期选择器日历。在这篇文章被编辑截断。 – Frankie

回答

0

来计算两个日期之间的差异和值分配到另一个文本框

<input type="text" id="val1"/> 
<input type="text" id="val2"/> 
<input type="text" id="val3" /> 
<script> 


function myFun() { 

var x2=document.getElementById("val1").value; 
var x3=document.getElementById("val2").value; 
var msPerDay = 1000*60*60*24; 
d1=new Date(x2); 
d2=new Date(x3); 
var x4=document.getElementById("val3"); 
var dd=(((d1 - d2)/msPerDay).toFixed(0)+"days"); 
    x4.value=dd; 
    } 

</script> 
<input type="submit" id="myid" onclick="myFun()" value="get difference"/> 
+0

感谢您的脚本。我有个问题。如何在不提交的情况下自动在''中区别? – Frankie

+0

你可以把功能放在模糊的像这样 banksy

+0

我已经解决了你的脚本解决方案和bootstrap datepicker日历的结合。 谢谢 – Frankie