脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序时间戳格式转换

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

 更新时间：2020年07月20日 10:04:34   作者：Anna·  
这篇文章主要为大家详细介绍了微信小程序实现时间戳格式转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

有时候我们会遇到，后台返回的时间是时间戳的形式，需要进行格式转换，如下：

两种形式：

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;
 },
 
})

在同一个文件中封装函数，需要注意，下面调用函数时的区别

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 来自chinaz的ajax获取评论代码

    来自chinaz的ajax获取评论代码

    chinaz利用了ajax实现评论的读取操作，下面我们参考chinaz的代码
    2008-05-05
  • javaScript实现游戏倒计时功能

    javaScript实现游戏倒计时功能

    这篇文章主要为大家详细介绍了javaScript实现游戏倒计时功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 禁止JS运行的代码

    禁止JS运行的代码

    如果我们要让页面上的javascript不运行，方法最简单的就是使用noscript标签，经常被用来屏蔽那些免费空间要加上的JS。
    2011-01-01
  • 解决layui使用layui-icon出现默认图标的问题

    解决layui使用layui-icon出现默认图标的问题

    今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS堆栈内存的运行机制详解

    JS堆栈内存的运行机制详解

    栈内存主要用于存储各种基本类型的变量，包括Boolean、Number、String、Undefined、Null，以及对象变量的指针（地址值），这篇文章主要介绍了JS堆栈内存的运行机制,需要的朋友可以参考下
    2022-06-06
  • JS注册/移除事件处理程序(ExtJS应用程序设计实战)

    JS注册/移除事件处理程序(ExtJS应用程序设计实战)

    最常做的事情就是注册事件处理程序，因为在ExtJS的世界里，几乎完全由时间组成，下面是处理程序案例，感兴趣的朋友可以参考下哈，希望可以帮助到你
    2013-05-05
  • JavaScript几种形式的树结构菜单

    JavaScript几种形式的树结构菜单

    今天我主要讲3种不同展示的JavaScript树结构菜单，分别是悬浮层树(Tree)、右键菜单树(ContextMenu)和节点树(TreeMenu)，目前都支持无限级层次。
    2010-05-05
  • JS实现的样式切换功能tableCSS实例

    JS实现的样式切换功能tableCSS实例

    这篇文章主要介绍了JS实现的样式切换功能tableCSS,结合实例形式分析了js页面元素遍历与样式动态操作相关技巧,需要的朋友可以参考下
    2016-12-12
  • 使用watch在微信小程序中实现全局状态共享

    使用watch在微信小程序中实现全局状态共享

    这篇文章主要给大家介绍了关于如何使用watch在小程序中实现全局状态共享的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-06-06
  • 详解ES9的新特性之异步遍历Async iteration

    详解ES9的新特性之异步遍历Async iteration

    在ES6中，引入了同步iteration的概念，随着ES8中的Async操作符的引用，是不是可以在一异步操作中进行遍历操作呢？今天要给大家讲一讲ES9中的异步遍历的新特性Async iteration。
    2021-06-06

最新评论