微信小程序实现时间戳格式转换


Posted in Javascript onJuly 20, 2020

有时候我们会遇到,后台返回的时间是时间戳的形式,需要进行格式转换,如下:

两种形式:

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;
 },
 
})

在同一个文件中封装函数,需要注意,下面调用函数时的区别

微信小程序实现时间戳格式转换

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript parseInt与Number函数的区别
Jan 21 Javascript
jquery和javascript的区别(常用方法比较)
Jul 04 Javascript
浅析js封装和作用域
Jul 09 Javascript
jQuery 无限级菜单的简单实例
Feb 21 Javascript
javascript实现保留两位小数的多种方法
Dec 18 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
vue element 中的table动态渲染实现(动态表头)
Nov 21 Javascript
vue项目创建步骤及路由router
Jan 14 Javascript
JavaScript实现公告栏上下滚动效果
Mar 13 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 #Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 #jQuery
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 #Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
Jul 20 #Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 #Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 #Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 #Javascript
You might like
用PHP为SHOPEX增加日志功能代码
2010/07/02 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
详解vuex之store源码简单解析
2019/06/13 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
用Python展示动态规则法用以解决重叠子问题的示例
2015/04/02 Python
Python获取某一天是星期几的方法示例
2017/01/17 Python
Python元组常见操作示例
2019/02/19 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
问卷调查计划书
2014/01/10 职场文书
公司门卫岗位职责
2014/03/15 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
小学班主任工作随笔
2015/08/15 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
远程教育集中轮训基层干部培训班学习心得体会
2016/01/09 职场文书
九年级数学教学反思
2016/02/17 职场文书
求职自我评价参考范文
2019/05/16 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书