美文网首页
微信小程序——在wxml页面中使用js(wxs)操作数据

微信小程序——在wxml页面中使用js(wxs)操作数据

作者: 小明同学喜欢熊 | 来源:发表于2020-07-27 09:34 被阅读0次
    效果图

    接口返回的时间格式带有分秒,于是想到了使用wxs在页面中直接操作时间格式

    时间数据

    wxs概述:wxs (WeiXin Script) 是小程序的一套脚本语言,结合WXML,可以构建出页面结构。官方传送门

    • 新建一个wxs文件,写入操作的函数
    //  subtime.wxs文件
    
    var time = function (value) {
        return value.split(' ')[0]
    }
    module.exports.time = time
    
    • 在需要使用的wxml文件导入
      注:wxs的src需要使用相对路径
     <wxs src="../../wxs/subtime.wxs" module="tools"></wxs>
     <view>开始时间:{{tools.time(item.start_time)}}</view>
     <view>结束时间:{{tools.time(item.end_time)}}</view>
    
    属性名 类型 说明
    module String 标签的模块名
    src String 引入.wxs文件的相对路径

    相关文章

      网友评论

          本文标题:微信小程序——在wxml页面中使用js(wxs)操作数据

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