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


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 相关文章推荐
javascript 多级checkbox选择效果
Aug 20 Javascript
Jquery 实现Tab效果 思路是js思路
Mar 02 Javascript
setTimeout()与setInterval()方法区别介绍
Dec 24 Javascript
jquery获取当前点击对象的value方法
Feb 28 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
js字符串倒序的实例代码
Nov 30 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 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
yii操作cookie实例简介
2014/07/09 PHP
php随机抽奖实例分析
2015/03/04 PHP
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
jQuery获取样式中颜色值的方法
2015/01/29 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
js实现获取两个日期之间所有日期的方法
2016/06/17 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
JavaScript模块详解
2017/12/18 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
[01:10]DOTA2 Supermajor:英雄,由我们见证
2018/05/14 DOTA
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
python机器学习实战之树回归详解
2017/12/20 Python
python @property的用法及含义全面解析
2018/02/01 Python
numpy中的高维数组转置实例
2018/04/17 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
Python3常用内置方法代码实例
2019/11/18 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
针对HTML5的Web Worker使用攻略
2015/07/12 HTML / CSS
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
生物化学研究助理员求职信
2013/10/09 职场文书
生产管理的三大手法
2013/11/11 职场文书
关爱残疾人标语
2014/06/25 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
商场收银员岗位职责
2015/04/07 职场文书
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript
mysql 获取时间方式
2022/03/20 MySQL