美文网首页
微信小程序 - 数据过滤(filter)方法 wxs

微信小程序 - 数据过滤(filter)方法 wxs

作者: IT姑凉 | 来源:发表于2020-02-26 20:17 被阅读0次

    想实现个像其他前端框架的那种过滤器,直接小程序页面上可以用的,查了下,可以用wxs实现。https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/

    统一处理数据的,都放在了这个 filter.wxs 文件了,比如时间处理,很多页面都要用到

    filter.wxs

    // 抄官方的util.js,改造了一下
    var formatNumber = function(n){
      n = n.toString()
      return n[1] ? n : '0' + n
    }
    var formatTime = function (number, format) {
      var formateArr = ['Y', 'M', 'D', 'h', 'm', 's'];
      var returnArr = [];
    
      var date = getDate(number);
      returnArr.push(date.getFullYear());
      returnArr.push(formatNumber(date.getMonth() + 1));
      returnArr.push(formatNumber(date.getDate()));
    
      returnArr.push(formatNumber(date.getHours()));
      returnArr.push(formatNumber(date.getMinutes()));
      returnArr.push(formatNumber(date.getSeconds()));
    
      returnArr.forEach(function(item,index) {
        format = format.replace(formateArr[index], item);
      })
      return format;
    }
    module.exports = {
      formatTime: formatTime
    };
    

    使用

    <wxs src="../../utils/filter.wxs" module="filter" />
    <view class="text">{{filter.formatTime(时间戳,'Y-M-D h:m')}}</view>
    

    相关文章

      网友评论

          本文标题:微信小程序 - 数据过滤(filter)方法 wxs

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