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


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 相关文章推荐
权威JavaScript 中的内存泄露模式
Aug 13 Javascript
javascript parseInt 函数分析(转)
Mar 21 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
Javascript的表单验证-提交表单
Mar 18 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 Javascript
微信小程序点击item使之滚动到屏幕中间位置
Mar 25 Javascript
JavaScript实现图片伪异步上传过程解析
Apr 10 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
asp和php下textarea提交大量数据发生丢失的解决方法
2008/01/20 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
PHP 页面编码声明方法详解(header或meta)
2010/03/12 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
2015/03/03 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
详解python中的 is 操作符
2017/12/26 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
python实现维吉尼亚加密法
2019/03/20 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
临床医师个人自我评价
2014/04/06 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
运动会400米加油稿(8篇)
2014/09/22 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
先进单位申报材料
2014/12/25 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers