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


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 相关文章推荐
为Extjs加加速(javascript加速)
Aug 19 Javascript
js中一个函数获取另一个函数返回值问题探讨
Nov 21 Javascript
js 通用订单代码
Dec 23 Javascript
JS数组去重与取重的示例代码
Jan 24 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
使用vue中的混入mixin优化表单验证插件问题
Jul 02 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
Sep 18 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 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环境――Appserv
2006/12/13 PHP
一个PHP数组应该有多大的分析
2009/07/30 PHP
PHP 创建标签云函数代码
2010/05/26 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
Angular4学习之Angular CLI的安装与使用教程
2018/01/04 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
js实现弹窗猜数字游戏
2020/11/26 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
详解Python3定时器任务代码
2019/09/23 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
大学生工作推荐信范文
2013/12/02 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
平民服装店创业计划书
2014/01/17 职场文书
客户接待方案
2014/02/26 职场文书
群众路线教育实践活动自我剖析思想汇报
2014/10/04 职场文书
入党后的感想
2015/08/10 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书