0
点赞
收藏
分享

微信扫一扫

uniapp 【专题详解 -- 时间】云数据库时间类型设计,时间生成、时间格式化渲染(uni-dateformat 组件的使用)


云数据表的时间类型设计

推荐使用时间戳 timestamp

"createTime": {
	"bsonType": "timestamp",
	"label": "创建时间:"
}

时间生成

获取当前时间 Date.now()

.add({
	createTime: Date.now()
})

时间格式化渲染

下载安装组件 uni-dateformat
https://ext.dcloud.net.cn/plugin?name=uni-dateformat

uniapp 【专题详解 -- 时间】云数据库时间类型设计,时间生成、时间格式化渲染(uni-dateformat 组件的使用)_uni-app

页面中使用

<uni-dateformat :threshold="[60000, 3600000]" :date="item.createTime"></uni-dateformat>

  • 距渲染时间1分钟内——显示 “刚刚|马上”
  • 距渲染时间1分钟~1小时—— 显示 “xx分钟前|xx分钟后”
  • 距渲染时间1小时以上 —— 显示format参数传入的格式

uniapp 【专题详解 -- 时间】云数据库时间类型设计,时间生成、时间格式化渲染(uni-dateformat 组件的使用)_下载安装_02


如仅显示年月日

<uni-dateformat format='yyyy年MM月dd日' :date="item.createTime"></uni-dateformat>

效果为

2024年01月05日

更多用法可参考官方文档
https://uniapp.dcloud.net.cn/component/uniui/uni-dateformat.html


举报

相关推荐

0 条评论