Web前端之计算相差天数

最新推荐文章于 2024-05-11 05:42:59 发布

Star航仔

最新推荐文章于 2024-05-11 05:42:59 发布

阅读量1.1k

点赞数 1

本文链接：https://blog.csdn.net/weixin_41662207/article/details/100539167

版权

<html>  
<head>  
<meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312">  
<title>计算相差天数</title>  
</head> 
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<style>
.main{text-align:center;}
.btn{width:100px;height:30px;background:#f60;}
.start , .now{color:#f60;}
#start , #now{color:#09f;text-align:center;}
</style>
<body>  
<div class="main">
	<center><strong>想知道你和心爱的人认识多少天嘛？</strong></center>
	<p class="start">相识第一天</p>
	<input id="start" type="text" />
	<p class="now">相识到今天</p>
	<input id="now" type="text" /><br /><br />
	<button class="btnClick" onclick="btnClick()">计算相差天数</button>
	<center><strong class="result"></strong></center>
</div>
<script>
   function  btnClick(){  
	   var d1 = $("#start").val();
	   var d2 = $("#now").val();
       //s1  =  "2017-2-21"  
       //s2  =  "2018-9-17"  
       $(".result").text(dateDiff(d1,d2));
   }  
   //计算天数差的函数，通用  
   function  dateDiff(data1,  data2){    //sDate1和sDate2是2002-12-18格式  
       var  datas,  change1,  change2,  days;
       datas  =  data1.split("-"); 
       change1  =  new  Date(datas[1]  +  '-'  +  datas[2]  +  '-'  +  datas[0]);    //转换为12-18-2002格式  
       datas  =  data2.split("-");  
       change2  =  new  Date(datas[1]  +  '-'  +  datas[2]  +  '-'  +  datas[0]);  
       days  =  parseInt(Math.abs(change1  -  change2)  /  1000  /  60  /  60  /24);    //把相差的毫秒数转换为天数  
       return  days;  
	}
</script>  
</body>
</html>

Star航仔

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Web前端之计算相差天数

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>计算相差天数</title> </head> <script type="text/javascript" src=...
复制链接

扫一扫