微信小程序wxml的{{}}中使用函数

作者: wechat 发布时间: 2019-10-18 浏览: 2663 次 编辑
因为在微信的wxml的动态绑定数据的时候经常遇到函数,实现类似vue的filter的效果,查阅文档之后发现不能直接使用函数,要通过一个.wxs文件来做
https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html

根目录新建utils/utils.wxs

这里面好像不支持es6的语法,而且很多基本数据类型例如date的用法也更改了,具体看文档

// 作用于wxml中的函数
var formatTime = function(ts) {
  var time = getDate(parseInt(ts))
  var y = time.getFullYear()
  var m = time.getMonth() + 1
  var d = time.getDay()
  console.log(ts,time, y,m,d)
  return y+'/'+m+'/'+d
}

module.exports = {
  formatTime: formatTime
}

使用

active.wxml
<wxs src="../../utils/utils.wxs" module ="utils"/>
        <text>起止时间{{utils.formatTime(item.starttime)}}---{{utils.formatTime(item.endtime)}}</text>