范围:深圳yaboapp开发,软件定制开发,yaboapp软件开发公司,深圳软件外包公司.TEL:3447249690
当前位置:首页 > app小程序

yabo-微信小程序开发数据过滤教程

06-27 yaboAPP
摘要:由于微信小法式的wxml和js的内部实现机制是分隔编译的。所以在wxml是没法子挪用js的函数的。

由于微信小法式的wxml和js的内部实现机制是分隔编译的。所以在wxml是没法子挪用js的函数的。这会致使WXML贫乏一个我们经常使用的功能,那就是没有法子在视图层对数据进行格局化处置。好比我们从后端获得到一个包括了时候戳数据的数组,然后需要在界面上把这些日期都格局化显示为2017-01-01这类格局的日期情势,在Vue, Angular之类的前端Web框架中,一般在视图层都供给了如filter之类响应比力好用的方案。vue是没有这些方式的。可是小法式推出了wxs类型文件就是解决这类问题的。

利用

起首新建filter.wxs文件(也能够直接写在wxml文件中,可是这中公共方式仍是应当零丁建文件的)。

varformatDate =function(timestamp,option){

vardate= getDate(parseInt(timestamp));

varyear =date.getFullYear()

varmonth =date.getMonth() +1

varday =date.getDate()

varhour =function(){

if(date.getHours()

//补‘0’return\'0\'+date.getHours()

}r

eturndate.getHours();

}

varminute =function(){

if(date.getMinutes()

return\'0\'+date.getMinutes()

}

returndate.getMinutes();

}

varsecond =function(){

if(date.getSeconds()

returyabon\'0\'+date.getSeconds()

}

returndate.getSeconds(); }

if(option==\'notime\'){

//不需要时候returnyear +\'-\'+ month +\'-\'+ day;

}

returnyear +\'-\'+ month +\'-\'+ day +\' \'+ hour() +\':\'+ minute() +:+ second();

}

module.exports = {

formatDate: formatDate,

};

在wxml文件中利用

日期:{{filter.formatDate(要过滤的时候戳)}}

留意事项

wxs是分歧在js文件的。所以良多js的api是不撑持的。具体撑持看官方文档。 例如原本获得日期,我们本来是挪用new Date()的。在wxs是不撑持的,可是小法式供给了一个全局函数getDate()取代。

还,wxs不撑持任何ES6的语法。

保举浏览:微信小法式开辟教程微信小法式

版权保护: 本文由 yaboapp开发 原创
转载请保留链接: http://www.

关于我们      深圳yabo定制开发软件有限公司,自2013年成立以来,为上千家企业提供软件外包、系统软件开发、yaboapp开发、微信公众号开发、深圳yabo小程序开发等各种优秀的软件定制开发服务.关键词:软件外包公司、手机软件开发、app制作开发、手机yaboapp开发、小程序开发公司【TEL】:3447249690 微信:3447249690 QQ:3447249690
  • 1578文章总数
  • 13访问次数
  • 建站天数