更新记录
2.0(2022-10-13) 下载此版本
SOtime 2.0
- 新增计算倒计时数据。
- 修复之前版本反馈BUG。
- 新增H5端示例项目。
- 更加语义化的function name。
1.0.2(2020-07-15) 下载此版本
新增 time5 方法查询两个时间戳间隔时长 修复 time2 方法返回错误bug
1.0.1(2020-07-06) 下载此版本
修复 time2() 时间戳转日期间距结果错误BUG
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | √ | √ | √ |
SOtime
本组件为时间戳各种常用操作的封装,方便开发者在项目中可以更快速更简洁的实现这些操作或获取、处理某些数据。
引入:
import SOtime from '@/utils/SOtime.js'
使用:
使用前注意:
所有的入参时间戳均需是毫秒级时间戳,否则可能会导致返回数据异常!通过以下各方法获取的时间戳也同样都是毫秒级的时间戳。
1. 获取时间戳 -- getTimestam
获取当前毫秒级时间戳
console.log(SOtime.getTimestam())
// 1665596837591
2. 获取日期时间 -- getDateTime
获取当前的日期时间,返回格式为:yyyy-MM-dd hh:mm:ss
console.log(SOtime.getDateTime())
// 2022-10-13 01:56:40
3. 时间戳转换为日期格式 -- timestampToDate
根据时间戳返回日期时间,返回格式为:yyyy-MM-dd hh:mm:ss
var Timestamp = 1665597610323
console.log(SOtime.timestampToDate(Timestamp))
// 2022-10-13 02:00:10
4. 日期格式转换为时间戳 -- dateToTimestamp
根据日期时间返回时间戳,日期格式为:yyyy-MM-dd hh:mm:ss
var DateTime = 2022-10-13 02:00:10
console.log(SOtime.dateToTimestamp(DateTime))
// 1665597610323
5. 过去或未来时间戳距离现在的时间 -- timeDistance
根据传入的时间戳,计算出距离现在的时间,多用于评论的时间的显示和发布动态、文章的时间显示,如:刚刚/1分钟内、3分钟前/后、1小时前/后、1天前/后、1月前/后、2019-11-11
var Timestamp = 1665597610323
console.log(SOtime.timeDistance(Timestamp))
// 刚刚/1分钟内 || 3分钟前/后 || 1小时前/后 || 1天前/后 || 1月前/后 || 2019-11-11
6. 过去时间戳简称化 -- timeAbbreviated
timeAbbreviated根据传入的过去的时间戳,计算出该时间戳距离现在的时间。与timeDistance相似,但是这个格式更加适用于聊天列表的页面,比如WX
var Timestamp = 1665597610323
console.log(SOtime.timeAbbreviated(Timestamp))
// 02:00 || 昨天 || 周一 || 6月5日 || 2019年11月11日
7. 两个时间戳计算倒计时数据 -- countdown
现有的倒计时组件大多是需要传入倒计时数据的(天时分秒),而这正是countdown的作用。countdown接收两个参数:开始时间戳、结束时间戳,返回值为一个对象,包含了:day、hour、minute、second。注意endTime一定要大于startTime!
var startTime = 1665597610323
var endTime = 1665597610323
console.log(SOtime.countdown(startTime,endTime))
// {day:1,hour:12,minute:23,second:44}
示例项目:
https://static-799f101c-0c8d-44d8-83f1-c9d0ca42dca6.bspapp.com/SOtime/#/
FindMe
WeChat:fl14309
E-mail:my_fangli@163.com
End... Good luck us
©2022 FangLi