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


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 addBookmark 加入收藏 多浏览器兼容
Aug 15 Javascript
jQuery 联动日历实现代码
May 31 Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
百度地图自定义控件分享
Mar 04 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
Vue.js 利用v-for中的index值实现隔行变色
Aug 01 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
node.js实现上传文件功能
Jul 15 Javascript
微信小程序手动添加收货地址省市区联动
May 18 Javascript
vue中watch和computed的区别与使用方法
Aug 23 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
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
收集的10个免费的jQuery相册
2011/02/26 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
Python提取网页中超链接的方法
2016/09/18 Python
python append、extend与insert的区别
2016/10/13 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
医院护士的求职信
2014/01/03 职场文书
档案接收函
2014/01/13 职场文书
财务工作者先进事迹材料
2014/01/17 职场文书
人力资源经理的岗位职责
2014/03/02 职场文书
售后服务承诺书
2014/03/26 职场文书
学习之星事迹材料
2014/05/17 职场文书
少先队活动总结
2014/08/29 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
小学科学课教学反思
2016/02/23 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python