Vue 计算时间差，几分钟之前、几小时前、几天之前、几个月前

上代码创建组件【TimeDiff】

<template><span style="font-size: 13px">{{ content }}</span>
</template><script>
export default {data () {return {content: '',}},props: {date: {type: String,default: new Date().toString()},time: {type: Number,default: 0,dateTimeStamp: ''}},mounted() {this.diffTime()},methods: {diffTime () {this.dateTimeStamp = this.timeif (!this.dateTimeStamp) {if(!this.date) {return '刚刚'}this.dateTimeStamp = new Date(this.date).getTime()}var minute = 1000 * 60;var hour = minute * 60;var day = hour * 24;var halfamonth = day * 15;var month = day * 30;var now = new Date().getTime();var diffValue = now - this.dateTimeStamp;var monthC =diffValue/month;var weekC =diffValue/(7*day);var dayC =diffValue/day;var hourC =diffValue/hour;var minC =diffValue/minute;if (parseInt(monthC) >=1) {this.content = parseInt(monthC) + '个月前'} else if (parseInt(dayC) > 1) {this.content = parseInt(dayC) + '天前'} else if (parseInt(dayC) === 1) {this.content = '昨天'} else if(parseInt(hourC)>=1){this.content = parseInt(hourC) +"小时前";} else if(parseInt(minC)>=1){this.content = parseInt(minC) +"分钟前";} else {this.content = "刚刚";}}}
}
</script><style></style>

如何使用

1、可自行改成function用于js

2、Vue中使用

// script中引入
import TimeDiff from "../../components/TimeDiff";
// 注册组件
export default {components: {TimeDiff}
}// 使用<template><div>// 使用date传值 传年月日时分秒<TimeDiff date="2020-11-28 12:00:00"/>// 使用time 传时间戳<TimeDiff time="1606560899952"/></div></template>

Vue 计算时间差，几分钟之前、几小时前、几天之前、几个月前相关推荐

vue计算时间差，并使用vant组件实现定时器
1.对时间的处理,有时需要对时间进行差值计算 // 计算倒计时 handle_calTime(endTime){//计算两个时间的差值var date1= endTime; //开始时间var dat ...
比较时间并计算时间差
/*** 博客园@utf_8* https://www.cnblogs.com/pan-4957/p/10693874.html*/ function(start, end) {/** 比较时间并计算 ...
java几秒前，几分钟前，几小时前，几天前，几月前，几年前的实现
代码下载:http://www.zuidaima.com/share/1562038902000640.htm package com.zuidaima;import java.text.ParseE ...
MySQL 计算时间差格式化为 X天X小时X分钟
如果用 TIMEDIFF 计算时间差的话,会出现最大限制,最大格式化为34天23小时59分钟,这显然是不合需求的 TIME值的范围可以从"-838:59:59"到"838 ...
js计算时间差（小时和分钟）demo效果
计算时间差(小时和分钟) var t1 = '08:30'; var t2 = '20:00'; var darr1 = t1.split(':'); var darr2 = t2.split(':' ...
计算两个时间差，单位天、小时、分钟、秒
输入类型为:java.util.Date,起始日期和结束日期,返回相差的时间差,支持单位天.小时.分钟.秒 //返回相差时间,单位:天 public static int differentDays( ...
vue实现Cnode具体有axios分页请求 | filters（过滤器）解决时间转秒前分钟前小时前月前年前
vue实现axios分页请求 [注意点] 1.可以根据对象名[对象中的属性]来获取相对的属性值 2.有类名还要添加类名: :class="['tab-item',{active:activ ...
Js + Vue 实现时间差计算
之前一直用PHP后台计算时间差,提交后还要刷新页面,体验很不好,所以抽时间就利用Js和Vue Element 写了一个时间差计算.不再调用后台,很舒服. 功能页面展示: 话不多说,直接上代码: < ...
uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前
文章目录 1. 返回的报文 2. 时间格式化方法 3. 使用 1. 返回的报文格式化时间:createTime [{"id": "62c11d3435b7c4007a8 ...

Vue 计算时间差，几分钟之前、几小时前、几天之前、几个月前

上代码创建组件【TimeDiff】

如何使用

1、可自行改成function用于js

2、Vue中使用

Vue 计算时间差，几分钟之前、几小时前、几天之前、几个月前相关推荐

最新文章

热门文章

Vue 计算时间差，几分钟之前、几小时前、几天之前、几个月前

上代码 创建组件【TimeDiff】

如何使用

1、可自行改成function用于js

2、Vue中使用

Vue 计算时间差，几分钟之前、几小时前、几天之前、几个月前相关推荐

最新文章

热门文章

上代码创建组件【TimeDiff】