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


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 validate poshytip 自定义样式
Nov 26 Javascript
javascript object array方法使用详解
Dec 03 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
Mar 29 Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 Javascript
Document:getElementsByName()使用方法及示例
Oct 28 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
Dec 18 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
Jun 21 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调用三种数据库的方法(1)
2006/10/09 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
php将一维数组转换为每3个连续值组成的二维数组
2016/05/06 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
javascript比较文档位置
2008/04/08 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
Vue 仿百度搜索功能实现代码
2017/02/16 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
微信小程序仿知乎实现评论留言功能
2018/11/28 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
python安装教程
2018/02/28 Python
利用Python实现手机短信监控通知的方法
2019/07/22 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
Python实现AI换脸功能
2020/04/10 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
python3.7调试的实例方法
2020/07/21 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
html5画布旋转效果示例
2014/01/27 HTML / CSS
Yahoo-PHP面试题3
2012/01/14 面试题
初中地理教学反思
2014/01/11 职场文书
中文专业自荐书
2014/06/29 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python