小程序中 时间戳转日期格式(年月日时分秒)封装使用
2021/6/9 12:24:10
本文主要是介绍小程序中 时间戳转日期格式(年月日时分秒)封装使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在 utils 中自行新建文件 tool.js ,放入下放js代码
/** * function: 60秒内(刚刚),60秒至60分钟(**分钟前),1小时至24小时(**小时前),1天至15天(**天前),其他为正常日期显示 * @number 時間戳 */ function formatMsgTime(number) { var dateTime = new Date(number); // 将传进来的字符串或者毫秒转为标准时间 var Y = dateTime.getFullYear(); // 年 var M = dateTime.getMonth() + 1; // 月 var D = dateTime.getDate(); // 日 var h = dateTime.getHours(); // 时 var m = dateTime.getMinutes(); // 分 var millisecond = dateTime.getTime(); // 将当前编辑的时间转换为毫秒 var now = new Date(); // 获取本机当前的时间 var nowNew = now.getTime(); // 将本机的时间转换为毫秒 var milliseconds = 0; var numberStr; milliseconds = nowNew - millisecond; if (milliseconds <= 1000 * 60 * 1) { // 小于一分钟展示为刚刚 numberStr = '刚刚' } else if (1000 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60) { // 大于一分钟小于一小时展示为分钟 numberStr = Math.round((milliseconds / (1000 * 60))) + '分钟前' } else if (1000 * 60 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24) { // 大于一小时小于一天展示为小时 numberStr = Math.round(milliseconds / (1000 * 60 * 60)) + '小时前' } else if (1000 * 60 * 60 * 24 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24 * 15) { // 大于一天小于十五天展示位天 numberStr = Math.round(milliseconds / (1000 * 60 * 60 * 24)) + '天前' } else if (milliseconds > 1000 * 60 * 60 * 24 * 15 && Y === now.getFullYear()) { numberStr = M + '-' + D + ' ' + h + ':' + m } else { numberStr = Y + '-' + M + '-' + D + ' ' + h + ':' + m } return numberStr } /** * function: 時間戳轉日期 * @number 時間戳 * @type 格式(1為年-月-日 時-分-秒,2為年-月-日) */ function toDate(number, type) { var date = new Date(number); var Y = date.getFullYear(); var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1); var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours(); var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(); var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); if (type == '1') { return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s; } else if (type == '2') { return Y + '-' + M + '-' + D; } } module.exports = { toDate: toDate, formatMsgTime: formatMsgTime }
formatMsgTime方法,传时间戳(Number)
60秒内——(刚刚)
60秒至60分钟——(**分钟前)
1小时至24小时——(**小时前)
1天至15天——(**天前)
其他为正常日期格式显示
toDate方法,传时间戳(Number)和(参数1、2)
1——年月日时分秒
2——年月日
页面需要使用,引入
import { toDate,formatMsgTime } from '../../utils/tool.js';
使用
formatMsgTime(Number) toDate(Number, 1)
formatMsgTime方法一般使用在发帖之类的地方,经常会看到刚刚发布,几分钟前发布,几小时前发布等
toDate方法一般比较常用,后台基本都是给前台反的时间戳,都需要进行转换
【推荐】前端软件下载 http://iqzhan.com/category-23.html
原文地址 http://sharedblog.cn/post/209.html
前端博客 http://sharedblog.cn
这篇关于小程序中 时间戳转日期格式(年月日时分秒)封装使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-22微信小程序的接口信息py可以抓到吗?-icode9专业技术文章分享
- 2024-11-22怎样解析出微信小程序二维码带的参数?-icode9专业技术文章分享
- 2024-11-22微信小程序二维码怎样解析成链接?-icode9专业技术文章分享
- 2024-11-22微信小程序接口地址的域名需要怎么设置?-icode9专业技术文章分享
- 2024-11-22微信小程序的业务域名有什么作用-icode9专业技术文章分享
- 2024-11-22微信小程序 image有类似html5的onload吗?-icode9专业技术文章分享
- 2024-11-22微信小程序中怎么实现文本内容超出行数后显示省略号?-icode9专业技术文章分享
- 2024-11-22微信小程序怎么实现分享样式定制和图片定制功能?-icode9专业技术文章分享
- 2024-11-20微信小程序全栈教程:从零开始的全攻略
- 2024-11-19微信小程序全栈学习:从零开始的完整指南