微信小程序页面wxml中使用wxs,实现“过滤器”功能(处理页面中的数据)

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

 “过滤器”功能(处理页面中的数据)示例:

项目根目录下 filter\index.wxs 定义数据处理函数:


/**
 * 时间戳转化日期格式 yy-mm-dd hh:mm:ss
 * @param {Number} timestamp 时间戳
 * @returns 
 */
function formatTime(timestamp) {
    if (!timestamp) return ''
    var date = getDate(timestamp);//时间戳为10位需*1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var D = date.getDate() + ' ';
    var h = date.getHours() + ':';
    var m = date.getMinutes() + ':';
    var s = date.getSeconds();
    return Y + M + D + h + m + s;
}

module.exports = {
    formatTime: formatTime
}

wxml页面中引入使用:



创建时间:{{f.formatTime(时间戳)}}

效果:

微信小程序页面wxml中使用wxs,实现“过滤器”功能(处理页面中的数据)_第1张图片

 

你可能感兴趣的:(小程序,微信小程序,小程序)