微信小程序实现时间戳格式转换
更新时间：2020年07月20日 10:04:34 作者：Anna·
这篇文章主要为大家详细介绍了微信小程序实现时间戳格式转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
有时候我们会遇到，后台返回的时间是时间戳的形式，需要进行格式转换，如下：
两种形式：
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;
},
})
在同一个文件中封装函数，需要注意，下面调用函数时的区别
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS变量存储深拷贝和浅拷贝,想深入了解JS的同学，可以参考下2021-05-05
这篇文章主要为大家介绍了undefined与null的区别示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
上一讲我们谈到了如何让静态人物变为动态，今天我们来谈谈如何使人物移动，感兴趣的朋友可以了解下哦，顺便巩固一下animate方法的应用，希望本文对你有所帮助2013-01-01
我们存在着大量在PC页面通过表格看数据业务场景，表格又分为两种，一种是antd / fusion这种基于dom元素的表格，另一种是通过 canvas 绘制的类似 excel 的表格，这篇文章主要介绍了antd/fusion表格增加圈选复制功能,需要的朋友可以参考下2023-09-09
本文主要介绍了原生JS轮播图插件。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
要检测某一变量是否存在，虽然简单但是也要细心，下面整理了几点，遇到类似问题的朋友可以参考下2013-11-11
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源，这篇文章主要介绍了JavaScript中Webpack的使用,需要的朋友可以参考下2021-10-10
可能很多人在学习 JavaScript 过程中碰到过函数参数传递方式的迷惑，本着深入的精神，我给大家分享了一篇教程关于javascript中的函数调用知识，感兴趣的朋友一起学习吧2017-03-03
select每选择一个option选项减少对应的option实现方法
这篇文章主要为大家介绍了select每选择一个option选项减少对应的option实现方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-12-12
这篇文章主要介绍了JS模板编译的实现详情，编译是一种格式变成另一种格式的过程。编译会导致好的结果，比如书写简单的代码，编译出来复杂的代码；或者提高代码的使用性能2022-07-07
最新评论