当前位置: 首页 > 编程笔记 >

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

越霖
2023-03-14
本文向大家介绍微信小程序列表时间戳转换实现过程解析,包括了微信小程序列表时间戳转换实现过程解析的使用技巧和注意事项,需要的朋友参考一下

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

第一步先写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
 })
 },

页面层渲染

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍微信小程序时间戳转日期的详解,包括了微信小程序时间戳转日期的详解的使用技巧和注意事项,需要的朋友参考一下 正文: 使用方法: // 变量时间戳转换成日期  例:arr是字符串 // 数组内的时间戳属性转换成日期  例:arr是对象 // 对象内的时间戳属性转换成日期  例:obj 是对象 以上所述是小编给大家介绍的微信小程序时间戳转日期详解整合,希望对大家有所帮助,如果大家有任何疑问

  • 本文向大家介绍微信小程序的授权实现过程解析,包括了微信小程序的授权实现过程解析的使用技巧和注意事项,需要的朋友参考一下 自从小程序文档更新后,自动授权已不存在啦 目前的授权都是通过button来实现的,具体知识点可参考小程序的官方文档,以下是我做的一个小demo(进入首页,跳出一个登录弹出框,弹出框是自己写的一个UI组件),废话不多说,直接上代码 UI组件部分(modal) modal.wxml

  • 本文向大家介绍微信小程序 实现列表刷新的实例详解,包括了微信小程序 实现列表刷新的实例详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序 列表刷新:           微信小程序,最近自己学习微信小程序的知识,就想实现现在APP 那种列表刷新,下拉刷新,上拉加载等功能。  先开看一下界面 1.wx.request (获取远程服务器的数据,可以理解成$.ajax) 2. scroll-vie

  • 本文向大家介绍微信小程序 导入图标实现过程详解,包括了微信小程序 导入图标实现过程详解的使用技巧和注意事项,需要的朋友参考一下 图片素材库——阿里巴巴矢量图https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989” 在页面输入要搜索的图标 点击“入库”,然后“添加至项目” 选择“编辑”,即对进行编辑成

  • 本文向大家介绍微信小程序实现城市列表选择,包括了微信小程序实现城市列表选择的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了小程序实现城市列表选择的具体代码,供大家参考,具体内容如下 实现效果预览   实现功能简介 城市的选择 按中文/拼音/首字母条件搜索 按首字字母快速定位到城市位置 目录结构 主要代码 app.js app.json index.wxml index.js inde

  • 本文向大家介绍微信小程序 scroll-view 水平滚动实现过程解析,包括了微信小程序 scroll-view 水平滚动实现过程解析的使用技巧和注意事项,需要的朋友参考一下 1. scroll-view水平滚动使用 1. wxml 2. wxss 2. scroll-view 隐藏滚动条 3. 效果如下: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。