美文网首页
wxs快速的格式化wxml中的时间数据

wxs快速的格式化wxml中的时间数据

作者: 劉小乙 | 来源:发表于2019-09-30 14:29 被阅读0次

wxs官方语法说明

https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/

wxs是weixin script的简称,语法类似js但又很多的不同,wxs最大的好处在于将大大的降低数据在js页面中大量的需要循环重构的过程,从而加速和简化我们的js代码。

在小程序端时间格式是一个经常用到的一种类型的数据,我之前的一个小的报名项目使用的是云开发环境,在数据库中是将时间格式存储为一个date类型的字段保存。在页面输出的时候我再将时间类型的数据返回后再转化为时间戳来计算与当前时间的差距。这样使得我们的js文件非常的臃肿,可读性非常差。今天学习到一个通过wxs方式来处理的方法。

1.首先在存储和获取时都统一使用时间戳方式获取。

2.云开发数据库中存储时间字段使用string类型存储时间戳。

3.wxs时间格式化输出处理代码:

function formatTime(string) {
      var publishTime = parseInt(string),//必须对传入的字符串做格式化,否则getDate将无法转换数据
            date = getDate(publishTime), //转化为标准时间格式:Thu Sep 06 2018 18:47:00 GMT+0800 (中国标准时间)
            Y = date.getFullYear(),
            M = date.getMonth() + 1,
            D = date.getDate(),
            H = date.getHours(),
            m = date.getMinutes(),
            s = date.getSeconds();
         // 获取date 中的 年 月 日 时 分 秒
      // 对 月 日 时 分 秒 小于10时, 加0显示 例如: 09-09 09:01
      if (M < 10) {
            M = '0' + M;
      }
      if (D < 10) {
            D = '0' + D;
      }
      if (H < 10) {
            H = '0' + H;
      }
      if (m < 10) {
            m = '0' + m;
      }
      if (s < 10) {
            s = '0' + s;
      }
      
       return Y+'-'+M+'-'+D+' '+H+':'+m
}
module.exports = {
      format:formatTime
}

相关文章

网友评论

      本文标题:wxs快速的格式化wxml中的时间数据

      本文链接:https://www.haomeiwen.com/subject/geacpctx.html