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


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 相关文章推荐
初试jQuery EasyUI 使用介绍
Apr 01 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
jquery.validate表单验证插件使用详解
Jun 21 jQuery
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
Angular实现svg和png图片下载实现
May 05 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
js实现html滑动图片拼图验证
Jun 24 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上传图片类显示缩略图功能
2016/06/30 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
2013/11/07 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
javascript少儿编程关于返回值的函数内容
2018/05/27 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
详解微信UnionID作用
2019/05/15 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
Python开发常用的一些开源Package分享
2015/02/14 Python
Python脚本文件打包成可执行文件的方法
2015/06/02 Python
Python使用minidom读写xml的方法
2015/06/03 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
Python 使用PyQt5 完成选择文件或目录的对话框方法
2019/06/27 Python
Django choices下拉列表绑定实例
2020/03/13 Python
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
运动会开幕式解说词
2014/02/05 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
我的小天地教学反思
2014/04/30 职场文书
学校校庆演讲稿
2014/05/22 职场文书
工程部部长岗位职责
2015/02/12 职场文书
SpringBoot生成License的实现示例
2021/06/16 Java/Android
python区块链持久化和命令行接口实现简版
2022/05/25 Python
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs