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


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为搜索栏增加tag提示
Jun 22 Javascript
JavaScript 学习笔记(十五)
Jan 28 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
js实现百度搜索提示框
Feb 05 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
微信小程序实现星星评分效果
Nov 01 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函数
2010/02/16 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
php实现Mongodb自定义方式生成自增ID的方法
2015/03/23 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
js 调用父窗口的具体实现代码
2013/07/15 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
2017/01/04 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
2017/02/28 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
[01:10]3.19DOTA2发布会 三代刀塔人第一代
2014/03/25 DOTA
python如何通过protobuf实现rpc
2016/03/06 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
Windows下安装Scrapy
2018/10/17 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
python Plotly绘图工具的简单使用
2020/03/03 Python
django列表筛选功能的实现代码
2020/03/27 Python
python接口自动化框架实战
2020/12/23 Python
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
毕业生优秀推荐信
2013/11/26 职场文书
平安建设实施方案
2014/03/19 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
AngularJS实现多级下拉框
2022/03/25 Javascript
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server