<html>
<body>
选择开始日期: <input type="date" id="start_date" />
选择结束日期: <input type="date" id="end_date" />
<hr/>
<button type="submit" onclick="end_date=new Date(document.getElementById('end_date').value)
start_date=new Date(document.getElementById('start_date').value)
document.getElementById('showhowmanyday').innerText=(end_date.getTime()-start_date.getTime())/(24*3600*1000)">计算两个日期相差的天数</button>
<h1 id="showhowmanyday"/>
</body>
</html>
var days = daysBetween('2016-11-01','2016-11-02')/**
* 根据两个日期,判断相差天数
* @param sDate1 开始日期 如:2016-11-01
* @param sDate2 结束日期 如:2016-11-02
* @returns {number} 返回相差天数
*/
function daysBetween(sDate1,sDate2){
//Date.parse() 解析一个日期时间字符串,并返回1970/1/1 午夜距离该日期时间的毫秒数
var time1 = Date.parse(new Date(sDate1))
var time2 = Date.parse(new Date(sDate2))
var nDays = Math.abs(parseInt((time2 - time1)/1000/3600/24))
return nDays
}
实现的方法和操作步骤如下:
1、首先,打开html编辑器,如下图所示。
2、其次,完成上述步骤后,创建一个新的html文件,例如:index.html,如下图所示。
3、接着,完成上述步骤后,在index.html中的<script>标签下,输入红框中的js代码,如下图所示。
4、最后,完成上述步骤后,浏览器运行index.html页面。 此时,将打印两次相减所得的时间差,如下图所示。