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


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 相关文章推荐
Code:findPosX 和 findPosY
Dec 20 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
JS实现简单的二维矩阵乘积运算
Jan 26 Javascript
js实现tab切换效果
Feb 16 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
bootstrap下拉框动态赋值方法
Aug 10 Javascript
javascript的this关键字详解
May 20 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
JS正则表达式常见函数与用法小结
Apr 13 Javascript
vue-model实现简易计算器
Aug 17 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 Vue.js
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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中的串行化变量和序列化对象
2006/09/05 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
JavaScript加强之自定义callback示例
2013/09/21 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
2014/04/30 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
2014/12/02 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
JavaScript文档碎片操作实例分析
2015/12/12 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
nodejs基础应用
2017/02/03 NodeJs
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
微信小程序实现form表单本地储存数据
2019/06/27 Javascript
Javascript原生ajax请求代码实例
2020/02/20 Javascript
[48:21]林俊杰圣堂刺客超神杀戮秀
2014/10/29 DOTA
Python使用paramiko操作linux的方法讲解
2019/02/25 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
python修改字典键(key)的方法
2019/08/05 Python
Mac PyCharm中的.gitignore 安装设置教程
2020/04/16 Python
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
经典商业广告词
2014/03/13 职场文书
商场租赁意向书
2014/07/30 职场文书
2015年维修工作总结
2015/04/25 职场文书
小平小道观后感
2015/06/09 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL