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


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入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
JavaScript 面向对象的 私有成员和公开成员
May 13 Javascript
JavaScript打字小游戏代码
Dec 26 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
使用RequireJS优化JavaScript引用代码的方法
Jul 01 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
小程序实现单选多选功能
Nov 04 Javascript
vue仿ios列表左划删除
Sep 26 Javascript
vue实现element表格里表头信息提示功能(推荐)
Nov 20 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 Javascript
关于angular浏览器兼容性问题的解决方案
Jul 26 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添加Redis模块及连接
2015/07/28 PHP
高质量PHP代码的50个实用技巧必备(下)
2016/01/22 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
javascript JSON操作入门实例
2010/04/16 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
浅谈js的ajax的异步和同步请求的问题
2016/10/07 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
js实现文字头像的生成代码
2020/03/07 Javascript
基于JavaScript实现猜数字游戏代码实例
2020/07/30 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
tornado捕获和处理404错误的方法
2014/02/26 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
django框架forms组件用法实例详解
2019/12/10 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
巴西最大的家电和百货零售商:Casas Bahia
2016/11/22 全球购物
优秀团员个人的自我评价
2013/10/02 职场文书
优秀英语专业毕业生求职信
2013/11/23 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
Nginx缓存设置案例详解
2021/09/15 Servers