微信小程序实现时间戳格式转换
有时候我们会遇到,后台返回的时间是时间戳的形式,需要进行格式转换,如下:
两种形式:
1.封装好的 js,外部引入.
2.在需要的 js 文件中,封装单独函数。
一、封装好的 js,外部引入.
1、如图,将封装好的js文件放在项目公共目录中。
将上图中的 util.js 文件展开,看一下封装的函数内容。
function formatDate(inputTime) { var date = new Date(inputTime); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ? ('0' + d) : d; var h = date.getHours(); h = h < 10 ? ('0' + h) : h; var minute = date.getMinutes(); var second = date.getSeconds(); minute = minute < 10 ? ('0' + minute) : minute; second = second < 10 ? ('0' + second) : second; return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second; }; // 导出 module.exports = { formatDate: formatDate }
ps:注意,外部引入的 js文件,要将函数导出。
2、在index.js文件中,引入该 js 文件。处理时间戳,并展示。
// 引入外部 js 文件 const util = require('../../common/util.js'); Page({ data: { list:[ { 'time': 1552533070 }, { 'time': 1552533070 }, { 'time': 1552533070}, ] }, onLoad: function () { var time2 = [] for(var i=0;i<this.data.list.length;i++){ var time = this.data.list[i].time; var time1 = util.formatDate((this.data.list[i].time)*1000) time2.push(time1) } console.log('list', time2); // ["2019-03-14 11:11:10", "2019-03-14 11:11:10", "2019-03-14 11:11:10"] })
二、在需要的 js 文件中,封装单独函数.
Page({ data: { list:[ { 'time': 1552533070 }, { 'time': 1552533070 }, { 'time': 1552533070}, ] }, onLoad: function () { var time2 = [] for(var i=0;i<this.data.list.length;i++){ var time = this.data.list[i].time; var time1 = this.formatDate((this.data.list[i].time)*1000) time2.push(time1) } console.log('list', time2) // ["2019-03-14 11:11:10", "2019-03-14 11:11:10", "2019-03-14 11:11:10"] }, // 时间戳转换-函数封装 formatDate: function (inputTime){ var date = new Date(inputTime); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ? ('0' + d) : d; var h = date.getHours(); h = h < 10 ? ('0' + h) : h; var minute = date.getMinutes(); var second = date.getSeconds(); minute = minute < 10 ? ('0' + minute) : minute; second = second < 10 ? ('0' + second) : second; return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second; }, })
在同一个文件中封装函数,需要注意,下面调用函数时的区别
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
赞 (0)