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 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
js+html制作简单验证码
Feb 16 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
小程序图片剪裁加旋转的示例代码
Jul 10 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
Apr 18 Javascript
jQuery实现简单弹幕制作
Dec 10 jQuery
html实现随机点名器的示例代码
Apr 02 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
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
JQuery异步加载PartialView的方法
2016/06/07 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
JS数组去重(4种方法)
2017/03/27 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
koa2实现登录注册功能的示例代码
2018/12/03 Javascript
JS替换字符串中指定位置的字符(多种方法)
2020/05/28 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
简单介绍Python中利用生成器实现的并发编程
2015/05/04 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
使用Python对SQLite数据库操作
2017/04/06 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
Vrbo英国:预订度假屋
2020/08/19 全球购物
分厂厂长岗位职责
2013/12/29 职场文书
信用卡工资证明格式
2014/09/13 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
学生评语集锦
2015/01/04 职场文书
乒乓球比赛通知
2015/04/27 职场文书
治理商业贿赂工作总结
2015/08/10 职场文书
golang操作rocketmq的示例代码
2022/04/06 Golang