js计算两个日期间的天数月的实例代码


Posted in Javascript onSeptember 20, 2018

计算结果为几个月零几天

<html>
 <head>
  <title>计算天数月</title>
  <meta charset="GBK">
 <script type="text/javascript">
 function dateU(date1,date2){//date2-date1
 var y1=Number(date1.substr(0,4));//年
 var y2=Number(date2.substr(0,4));
 var m1=Number(date1.substr(4,2));//月
 var m2=Number(date2.substr(4,2));
 var ym1=Number(date1.substr(0,6));//年月
 var ym2=Number(date2.substr(0,6));
 var d1=Number(date1.substr(6,2));//日
 var d2=Number(date2.substr(6,2));
 var day=0;
 var month=0;
 var maxDay=[31,28,31,30,31,30,31,31,30,31,30,31];//当月最大天数
 var index=0;//maxDay的数组编号
 while(ym1<ym2){
  if(m1==12){
  m1=1;
  y1++;
  month++;
  }else{
  m1++;
  month++;
  }
  ym1=y1*100+m1;
 }//递增到年月相同时停止
 if(d2>=d1){//年月相同且日2>=日1
  day=d2-d1;
 }else{//年月相同且日2<日1,取上月最大天数计算
  month--;//最后月,不足一个月
  if(m2==1){//1月
  index=11;//取12月的
  }else if(m2==3){//2月
  index=1;
  //判断闰年否
  if(y2%100==0){
   if(y2%400==0){
   maxDay[1]=29;
   }
  }else if(y2%4==0){
   maxDay[1]=29;
  }
  }else{
  index=m2-1;
  }
  day=maxDay[index]-d1+d2;  
 }
 return month+"月零"+day+"天";
 }
 
 function showMonthDay(){
 var date1=document.getElementById("date1").value;
 var date2=document.getElementById("date2").value;
 alert(dateU(date1,date2));
 }
 </script>
 </head>
 <body>
   <div align="center"><br>
  开始日期:<input id="date1" value="20180707"></br>
  结束日期:<input id="date2" value="20201201"></br>
  <input type="button" onclick="showMonthDay()" value="计算">
  </div>
 <hr>
<i>
  Copyright (c) 2018 fhy</br>
  All Rights Reserved.
</i>
 </body>
</html>

下面在通过一段代码看下js计算两个日期差

function timeDifc(start,end){
  let starts = new Date(start),ends = new Date(end),message = '';
  if (starts.getTime() > ends.getTime())
    return message = "现在的时间小于以前的时间!";
  if ((ends.getTime() - starts.getTime())/(1000*60) < 1)
    return message = "刚刚";
  if (ends.getFullYear() > starts.getFullYear() && ends.getMonth() >= starts.getMonth())
    message += ends.getFullYear() - starts.getFullYear() + "年";
  if (ends.getMonth() > starts.getMonth() && ends.getDate() >= starts.getDate())
    message += ends.getMonth() - starts.getMonth() + "个月";
  if (ends.getDate() > starts.getDate() && ends.getHours() >= starts.getHours())
    message += ends.getDate() - starts.getDate() + "天";
  if (ends.getHours() > starts.getHours() && ends.getMinutes() >= starts.getMinutes())
    message += ends.getHours() - starts.getHours() + "小时";
  if (ends.getMinutes() > starts.getMinutes())
    message += ends.getMinutes() - starts.getMinutes() + "分钟";
  return message;
};
// 注:上边的变量是用let声明的(es6语法),下边是用babel编译后的
function timeDifc(start, end) {
  var starts = new Date(start),
    ends = new Date(end),
    message = '';
  if (starts.getTime() > ends.getTime()) return message = "现在的时间小于以前的时间!";
  if ((ends.getTime() - starts.getTime()) / (1000 * 60) < 1) return message = "刚刚";
  if (ends.getFullYear() > starts.getFullYear() && ends.getMonth() >= starts.getMonth()) message += ends.getFullYear() - starts.getFullYear() + "年";
  if (ends.getMonth() > starts.getMonth() && ends.getDate() >= starts.getDate()) message += ends.getMonth() - starts.getMonth() + "个月";
  if (ends.getDate() > starts.getDate() && ends.getHours() >= starts.getHours()) message += ends.getDate() - starts.getDate() + "天";
  if (ends.getHours() > starts.getHours() && ends.getMinutes() >= starts.getMinutes()) message += ends.getHours() - starts.getHours() + "小时";
  if (ends.getMinutes() > starts.getMinutes()) message += ends.getMinutes() - starts.getMinutes() + "分钟";
  return message;
};

在浏览器的console中测试结果如下:

js计算两个日期间的天数月的实例代码

总结

以上所述是小编给大家介绍的js计算两个日期间的天数月的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
Jun 19 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
详解Vue 开发模式下跨域问题
Jun 06 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
JS时间戳与日期格式互相转换的简单方法示例
Jan 30 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 #Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 #Javascript
Vue框架里使用Swiper的方法示例
Sep 20 #Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 #Javascript
Vue常见面试题整理【值得收藏】
Sep 20 #Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 #Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 #Javascript
You might like
关于页面优化和伪静态
2009/10/11 PHP
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
PHP实现微信发红包程序
2015/08/24 PHP
php数据访问之增删改查操作
2016/05/09 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
jQuery 对Select的操作备忘记录
2011/07/04 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
Js中async/await的执行顺序详解
2017/09/22 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
python3中set(集合)的语法总结分享
2017/03/24 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
Python 随机按键模拟2小时
2020/12/30 Python
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
四种会话跟踪技术
2015/05/20 面试题
毕业生求职简历的自我评价
2013/10/23 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
离婚财产分配协议书
2014/10/21 职场文书
学校党的群众路线教育实践活动整改措施
2014/10/25 职场文书
求职导师推荐信范文
2015/03/27 职场文书
诉讼和解协议书
2016/03/23 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers