微信小程序wxs的使用(当页面数据渲染前添加js *** 作)

微信小程序wxs的使用(当页面数据渲染前添加js *** 作),第1张

小程序的wxs功能可以让wsmxl可以调用和编写js,基本上wxs和JS无关系,只是语法形式很相似。

如下写了两个关于时间的函数,并将它们导出,

<wxs module="敬桥昌m1">亮扒

var getMax = function(flightDate) {

    var now = getDate().getDate()

    var flDate = getDate(flightDate).getDate()

    if( now <flDate ){

      return '+1'

    }else{

      return ''

    }

}

var formartTime = function(flightDate,format){

  if(flightDate){

    var realDate = getDate(flightDate)

    function timeFormat(num) {

      return num <10 ? '0' + num : num

    }

    var date = {

      "Y": timeFormat(realDate.getFullYear()),

      "M": timeFormat(realDate.getMonth() + 1),

      "d": timeFormat(realDate.getDate()),

      "h": timeFormat(realDate.getHours()),

      "m": timeFormat(realDate.getMinutes()),

      "s": timeFormat(realDate.getSeconds()),

      "q": Math.floor((realDate.getMonth() + 3) / 3),

      "S": realDate.getMilliseconds(),

    }

    if (!format) {

      format = "yyyy-MM-dd hh:mm:ss"

    }

    if( format == 'hh:mm' ){

        return date.h+':'+date.m

    }else{

        return date.h+':'+date.m

    }

  }else{

    return false

  }

}

module.exports.getMax = getMax

module.exports.formartTime = formartTime

</消行wxs>

可在页面添加如下使用:

m1.formartTime()  m1.getMax()

1、先局歼迟创建filters.wxs,内容改败如下:

2、wxml文件里桐李引入wxs:

3、在wxml里使用wxs:

工具类函数

将姿纯wxs引入到wxml中,设置module名为tool,引入的时候,wxs标签src填写相对路径(绝对路州册数径无效)

wxml中使用函数

无论是WXS函数和JS函数都是能 *** 作data数据,很多时候通过JS函数得到data,然后用册首WXS函数处理。

验证邮箱


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8276213.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存