微信小程序列表时间戳转换实现过程解析


Posted in Javascript onOctober 12, 2019

这篇文章主要介绍了微信小程序列表时间戳转换实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

第一步先写js 随便命名为times.js

function toDate(number){

 var n=number * 1000;
 var date = new Date(n);
 var Y = date.getFullYear() + '/';
 var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/';
 var D = date.getDate()<10 ? '0'+date.getDate() : date.getDate();
 return (Y+M+D)
}
 
module.exports = {
 toDate: toDate
 }

第二步,在需要转换的js文件中

引入

var times = require('../../utils/times.js');

测试数据

微信小程序列表时间戳转换实现过程解析

逻辑代码,因为是测试数据,没有请求后台数据

onLoad: function (options) {
 var that = this  //很重要,一定要写
 console.log(that.data.lists)
 for(var i=0;i<that.data.lists.length;i++){
  that.data.lists[i]["times"] = times.toDate(that.data.lists[i]["times"])
 }
 that.setData({
  lists:that.data.lists
 })
 },

页面层渲染

微信小程序列表时间戳转换实现过程解析

最后,大功告成,效果如下:

微信小程序列表时间戳转换实现过程解析

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
JS HTML5实现拖拽移动列表效果
Aug 27 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
DOM 事件的深入浅出(一)
Dec 05 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
May 07 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
Jul 28 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
Aug 06 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 #Javascript
基于JS实现简单滑块拼图游戏
Oct 12 #Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 #Javascript
Vue.js计算机属性computed和methods方法详解
Oct 12 #Javascript
微信小程序 导入图标实现过程详解
Oct 11 #Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 #Javascript
vue实现点击按钮下载文件功能
Oct 11 #Javascript
You might like
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php数组(array)输出的三种形式详解
2013/06/05 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
mpvue将vue项目转换为小程序
2018/09/30 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
Python爬取读者并制作成PDF
2015/03/10 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
python写一个随机点名软件的实例
2019/11/28 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
销售业务实习自我鉴定
2013/09/23 职场文书
大学生收银员求职信分享
2014/01/02 职场文书
党员学习十八大感想
2014/01/17 职场文书
大学军训感言600字
2014/02/25 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
毕业赠语大全
2015/06/23 职场文书
学习计划是什么
2019/04/30 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL