vue中根据时间戳判断对应的时间(今天昨天前天)_js判断时间戳是否为昨天的 - CSDN文库

131 浏览量更新于2023-05-06 评论收藏 64KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

vue中根据时间戳判断对应的时间中根据时间戳判断对应的时间(今天今天昨天昨天前天前天)

根据时间戳来显示对应的时间段

本文是根据vue缩写，但是原理都是想通的

根据一个时间戳，然后来显示对应的时间段。如果为今天，则显示对应的time，如果为昨天，则显示为昨天，如果为前天，则

显示为前天。剩下的显示为对应的日期

需求定义好了，然后开始实现：

首先，是把时间戳转换为对应的时间格式，js提供了原生的获取对应年、月、日等格式的方法，但是不够灵活，这里提供了一

个网上找的比较灵活获取固定格式的函数。

const formatDate = (date, fmt) => {

date = new Date(date);

if (typeof (fmt) === "undefined") {

fmt = "yyyy-MM-dd HH:mm:ss";

}

if (/(y+)/.test(fmt)) {

fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))

}

let o = {

'Y': date.getFullYear(),

'M+': date.getMonth() + 1,

'd+': date.getDate(),

'H+': date.getHours(),

'm+': date.getMinutes(),

's+': date.getSeconds()

}

for (let k in o) {

if (new RegExp(`(${k})`).test(fmt)) {

let str = o[k] + ''

fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : ('00' + str).substr(str.length));

}

}

return fmt

}

使用这个函数，需要提供一个时间戳和一个日期格式。

// `+new Date()` 为获取当前时间戳的简写形式

// `yyyy-MM-dd HH:mm:ss`为想要获取的日期格式

formatDate(+new Date(), 'yyyy-MM-dd HH:mm:ss') // 2019-12-18 20:29:31

接下来是使用过滤器来对时间戳进行过滤。vue提供了过滤器，可以定义全局过滤器和本地过滤器，我们定义一个本地过滤器

// common.js

// 这里使用模块化，把过滤器函数定义在外部js文件内

const formatDate ......

export { formatDate }

// index.vue

import { formatDate } from 'common'

export default {

data () {

return {

time: 1576673222857

}

},

methods: {},

created() {},

filters: {

formateDate(data, fmt) {

return formatDate(data, fmt)

}

}

}

定义好了过滤器，就可以在页面中使用了

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

weixin_38729221

粉丝: 2
资源: 935

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈