求实时获取两个input日期型值的差 -- [时间日期]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

求实时获取两个input日期型值的差

蓝色理想 2009/7/28 14:34:41 深山行者字体:大中小浏览 8213

以下为详细代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>求实时获取两个input日期型值的差</title>
</head>
<script>
    function DateDiff(sDate1, sDate2){  //sDate1和sDate2是2009-7-30格式
        var aDate, oDate1, oDate2, iDays;
        aDate = sDate1.split("-");
        oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);  //转换为12-18-2002格式
        aDate = sDate2.split("-");
        oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);
        iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 /24);  //把相差的毫秒数转换为天数
        return iDays;
}
function f(){
var o_1 = document.getElementById("datestart").value;
var o_2 = document.getElementById("dateend").value;
var o_3 = document.getElementById("xsx");
o_3.value= DateDiff(o_1,o_2);
}
</script>
<body onload=f()>
<form id="form2" name="form2" method="get" action="">
<input type="text" id="datestart" name="t1" size="10" value="2009-7-1" onchange="f();"/>
<input typde="text" id="dateend" name="t2" size="10" value="2009-7-30"  onchange="f();"/>
相差<input id="xsx" type="text" size="3">天
</form>
</body>
</html>

前一页:页面javascript倒计时跳转

后一页:一个相当帅的日历时间面板