微信小程序wxml页面实现对时间戳格式转换

最新推荐文章于 2022-06-10 17:52:14 发布

lily_808

最新推荐文章于 2022-06-10 17:52:14 发布

阅读量5.9k

点赞数 1

文章标签：小程序 javascript

本文链接：https://blog.youkuaiyun.com/lily_808/article/details/105312971

版权

本文介绍了如何在微信小程序的WXML页面中处理从数据库获取的时间戳，通过创建WXS文件实现时间差显示和时间格式化。通过示例代码展示了getGapTime和dateFormat两个函数的用法，用于将时间戳转换为易于阅读的格式，如‘刚刚’、‘分钟前’等，并解决因未乘以1000导致的1970年错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从数据库中返回的文章发布时间为时间戳，想在wxml页面调用的时候直接进行转换
尝试了下使用wxs，最后实现了需要的效果
部分代码为网上参考，此处记录下
首先新建一个my.wxs文件
其中写了两个函数一个将时间戳处理为时间，另一个判断时间与当前时间的差值
function getGapTime(date) {
var re = “00”

var timestamp = getDate().getTime();
timestamp = parseInt(timestamp / 1000);
//发表文章的时间戳 s
var publicstamp = getDate(date).getTime();
publicstamp = parseInt(publicstamp / 1000)
//时间差s
var gap = timestamp - publicstamp

if (gap < 60) {
re = “刚刚”
} else if (gap < 60 * 60) {
re = parseInt(gap / 60) + “分钟前”
} else if (gap < 60 * 60 * 24) {
re = parseInt(gap / 60 / 60) + “小时前”
} else if (gap < 60 * 60 * 24 * 30) {
re = parseInt(gap / 60 / 60 / 24) + “天前”
} else {

re = date.substring(0, 10)  //时间超过1个月返回具体的 年-月-日

}

最低0.47元/天解锁文章