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


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 相关文章推荐
什么是DOM(Document Object Model)文档对象模型
Mar 05 Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 Javascript
jQuery插件的写法分享
Jun 12 Javascript
浏览器的JavaScript引擎的识别方法
Oct 20 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
js操作cookie保存浏览记录的方法
Dec 25 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
javascript使用canvas实现饼状图效果
Sep 08 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
关于页面优化和伪静态
2009/10/11 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
php输入流php://input使用示例(php发送图片流到服务器)
2013/12/25 PHP
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
2016/08/15 Javascript
如何使用headjs来管理和异步加载js
2016/11/29 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
小程序实现多选框功能
2018/10/30 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
jquery.pager.js实现分页效果
2019/07/29 jQuery
详解Howler.js Web音频播放终极解决方案
2020/08/23 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Python实现按逗号分隔列表的方法
2018/10/23 Python
Django中使用Celery的方法示例
2018/11/29 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
linux安装python修改默认python版本方法
2019/03/31 Python
构建高效的python requests长连接池详解
2020/05/02 Python
python和js交互调用的方法
2020/06/23 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
美国最大网上鞋店:Zappos
2016/07/25 全球购物
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
中国旅游网站:途牛旅游网
2019/09/29 全球购物
办公自动化专业大学生职业规划书
2014/03/06 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
师范生自荐信模板
2014/05/28 职场文书
学习教师法的心得体会
2014/09/03 职场文书
工程合作意向书范本
2015/05/09 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
Mysql中@和@@符号的详细使用指南
2022/06/05 MySQL