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


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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
JavaScript 对象模型 执行模型
Dec 06 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
Aug 03 Javascript
Vue.js组件使用开发实例教程
Nov 01 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
springboot+vue实现文件上传下载
Nov 17 Vue.js
解决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 extract 将数组拆分成多个变量的函数
2010/06/30 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
Prototype Array对象 学习
2009/07/19 Javascript
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
javascript针对DOM的应用分析(四)
2012/04/15 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
js几秒以后倒计时跳转示例
2013/12/26 Javascript
jQuery学习总结之jQuery事件
2014/06/30 Javascript
javascript使用数组的push方法完成快速排序
2014/09/15 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
2015/08/27 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
2020/01/07 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
Windows下PyMongo下载及安装教程
2015/04/27 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python eventlet绿化和patch原理
2020/11/21 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
向国旗敬礼活动总结
2014/09/27 职场文书
一个成功的互联网创业项目,必须满足这些要求
2019/08/23 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis
python pygame入门教程
2021/06/01 Python
python小型的音频操作库mp3Play
2022/04/24 Python