微信小程序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()

统一处理数据的,都放在了这个 filter.wxs 文件了,比如时间处理,很多页面都要用到

filter.wxs :

使用

我们在小程序开发中,会遇到在js当中来处理数据太过麻烦,就想在界面上单独用一个方法来处理,使用wxs就能完美解决的这个问题。

下面的一个案列直接 在界面生使用 wxs 来对省份正密码进行显示加密处理。


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

原文地址: https://outofmemory.cn/yw/11950440.html

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

发表评论

登录后才能评论

评论列表(0条)

保存