您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

微信小程序开发数据如何实现过滤

2024/4/18 21:47:19发布13次查看
本篇文章介绍了微信小程序使用wxs类型文件实现数据过滤的方法,希望对学习微信小程序开发的朋友有帮助!
微信小程序开发数据如何实现过滤
因为微信小程序的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() +1varday =date.getdate()varhour =function(){if(date.gethours()<10){//补‘0’return'0'+date.gethours() }returndate.gethours();}varminute =function(){if(date.getminutes() <10) {return'0'+date.getminutes() }returndate.getminutes(); }varsecond =function(){if(date.getseconds() <10) {return'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()代替。
,大量navicat教程欢迎学习!
以上就是微信小程序开发数据如何实现过滤的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product