场景:首先要注意两种情况
1.只是计算年月日的天数差,例如2022-10-10 12:00:00与 2022-10-11 00:00:00 相差1天
2.计算包含时分秒的天数差,例如2022-10-10 12:00:00与 2022-10-11 00:00:00 相差0天
3.注意safari浏览器 将时分秒的转化为时间戳,需要使用new Date(‘2020-10-10 10:10:10’.replace(/-/g, ‘/’)).getTime()方法,否则转换会失败: ios中 safari浏览器,js时间操作getTime(),getFullYear()等返回显示NaN的解决办法

以下代码可直接复制:

<template><div><el-button @click="getDiffDay(date1,date2)">计算时间差值(看控制台)</el-button></div>
</template><script>
export default {data () {return {date1: '2022-10-10',date2: '2022-10-12 00:00:00', // 可以修改成2022-10-12   带时分秒和不带时分秒的试试}},created () {},methods: {getDiffDay (date_1, date_2) {// // 计算两个日期之间的差值(这里将时分秒给截取掉  因为有时分秒时候 谷歌浏览器计算相差天数会少一天 而safari浏览器却没法将时分秒的转化为时间戳 会得到NaN 所以截取掉时分秒)// 具体是否截取时分秒 看你的需求是算日期之间差值还是毫米之间差值 2022-10-10 12:00:00与 2022-10-11 00:00:00// 情景1:截取后面的时分秒 计算两个日期之间的天数差值console.log('日期=====', date_1, date_2,)if (date_1 && date_1.indexOf(' ') >= 0) {date_1 = date_1.split(' ')[0]}if (date_2 && date_2.indexOf(' ') >= 0) {date_2 = date_2.split(' ')[0]}// 计算两个日期之间的天数差值let totalDays, diffDatelet myDate_1 = Date.parse(date_1)let myDate_2 = Date.parse(date_2)// 将两个日期都转换为毫秒格式,然后做差diffDate = Math.abs(myDate_1 - myDate_2) // 取相差毫秒数的绝对值totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 向下取整console.log('日期差值', totalDays)return totalDays    // 相差的天数// // 情景2:保留时分秒 计算毫米级的天数差值 例如 2022-10-10 12:00:00与 2022-10-11 00:00:00// console.log('日期=====', date_1, date_2,) // let totalDays, diffDate// let myDate_1 = new Date(date_1.replace(/-/g, '/')).getTime()  // 解决safari浏览器 不能将时分秒的转化为时间戳 问题// let myDate_2 = new Date(date_2.replace(/-/g, '/')).getTime()  // 解决safari浏览器 不能将时分秒的转化为时间戳 问题// // 将两个日期都转换为毫秒格式,然后做差// diffDate = Math.abs(myDate_1 - myDate_2) // 取相差毫秒数的绝对值// totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 向下取整// console.log('日期差值', totalDays)// return totalDays    // 相差的天数},},
}
</script><style lang="less" scoped>
/deep/ .el-input__inner {color: var(--inputColor); //使用css变量 注意变量前需要加 --
}
</style>

js计算日期差;js计算天数差相关推荐

  1. mysql 日期截止,MySQL查询以开始日期和结束日期计算日期范围内的天数

    要计算日期范围内的天数,您需要使用来查找日期之间的差额DATEDIFF(). 让我们首先创建一个表:mysql> create table DemoTable730 ( StartDate da ...

  2. 【Excel2019(十四):日期函数】【认识时间和日期+日期函数+计算日期间隔+星期计算】

    上一篇:[Excel2019(十三):简单应用][批量生成多个文档+利用word发送邮件+每页显示多条记录(创建试卷文档)] 文章目录 认识时间和日期 日期函数 推算日期 案例一:结束日期 案例二:本 ...

  3. js计算两个时间之间天数差的实例代码

    days = dateDiff(d1,d2); 调用该函数传递两个时间值:2013-01-19   2013-12-19 if(validatePeriod(date1Year,date1Month, ...

  4. python pandas 日期计算_Python Pandas计算日期之间的平均天数

    使用以下python pandas dataframe df:Customer_ID | Transaction_ID ABC 2016-05-06-1234 ABC 2017-06-08-3456 ...

  5. java 计算日期时间差_Java计算日期和时间差

    这篇文章将使用两个例子计算两个日期的时间差. 1.使用Java SDK. 2.使用Joda库. 1.使用Java SDK 计算两个Date之间的时间差,基本思路为把Date转换为ms(微秒),然后计算 ...

  6. 使用joda_time计算两时间的月数差,天数差

    private static final DateTimeFormatter formatter = DateTimeFormat.forPattern("yyyy-MM-dd") ...

  7. js根据日期区间获取天数

    js根据日期相减获取天数 文章目录 js根据日期相减获取天数 定义方法 使用 定义方法 /** * @param {String} startDate 开始日期 * @param {String} e ...

  8. 日期计算excel_在Excel中计算日期范围内的项目

    日期计算excel If you have a list on your Excel worksheet, and a date in each row, you can use a formula ...

  9. java 根据星期计算日期_Java 根据指定日期计算所在周的周一和周日

    标签:public static void main(String[] args) throws ParseException { SimpleDateFormat sdf=new SimpleDat ...

最新文章

  1. winform频繁刷新导致界面闪烁解决方法
  2. V-rep学习笔记:机器人模型创建4—定义模型
  3. (C#)设计模式之装饰模式
  4. 图说苹果工作站-MAC PRO
  5. 洛谷P2480:古代猪文(中国剩余定理)(欧拉定理)
  6. 退役前的最后的做题记录upd:2019.04.04
  7. 三星app图标不见了怎么恢复_电脑任务栏显示桌面图标不见了怎么办
  8. R语言ggplot2移除图例_读书笔记:R语言绘图—ggplot2
  9. 转:git设置过滤忽略的文件或文件夹
  10. java格式化日期24小时_Java如何格式化24小时格式的时间?
  11. 仓储管理毕业论文【含matlab优化算法】
  12. 三星 galaxy s7 启用开发者模式
  13. android 短信接口收拦截,闪修侠科普 | 双11垃圾短信没停过,教你一键屏蔽~
  14. 网页怎么算切屏_电脑怎么切屏
  15. [初学Spring Boot](1):打不开localhost:8080/hello
  16. Python环境的安装与配置
  17. vue生命周期与vue请求
  18. Apache hop web构建及部署
  19. USACO 3.1.1 网络布线
  20. 2021-07-04 IP地址与子网掩码

热门文章

  1. 一文看懂 DDD(领域驱动设计)、CQRS和Event Souring与分层架构
  2. 小爱同学指令大全_小爱同学有哪些隐藏功能?小爱同学实用隐藏功能大汇总
  3. stm32f103r6最小系统原理图_PCB stm32的最小系统原理图 基于STM32F103VBT6的最小系统板 - 下载 - 搜珍网...
  4. 重新安装macOS 一直报no bag entry
  5. 从零开始学R(三)——基本计算
  6. 半乳糖修饰人血清白蛋白 Gal-HSA,Gal-PEG-HSA,单糖/多糖修饰蛋白等
  7. Vue3搭建微信H5的项目配置【前端】
  8. java集合——Map
  9. Linux----putty下载安装教程
  10. 常用计算机 启动bios,详解各种电脑开机怎么进入bios设置