美文网首页
微信小程序 - 数据过滤(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