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


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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
JavaScript 在各个浏览器中执行的耐性
Apr 06 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 Javascript
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
jquery 字符串切割函数substring的用法说明
Feb 11 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
javascript深拷贝和浅拷贝详解
Feb 14 Javascript
Vue实现购物车功能
Apr 27 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
Vuex的初探与实战小结
Nov 26 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 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
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
javascript中length属性的探索
2011/07/31 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
2015/11/02 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
vue 实现一个简单的全局调用弹窗案例
2020/09/10 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
python实现飞机大战小游戏
2019/11/08 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
Python如何把字典写入到CSV文件的方法示例
2020/08/23 Python
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
产品工艺师的岗位职责
2013/11/15 职场文书
小学防溺水制度
2014/01/29 职场文书
优秀员工推荐信
2014/05/10 职场文书
团队精神的演讲稿
2014/05/14 职场文书
2015届大学生就业推荐表自我评价
2014/09/27 职场文书
业务员岗位职责
2015/02/03 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
创业计划书之家政服务
2019/09/18 职场文书
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL