php mysql特殊符号过滤微信小程序_微信小程序数据过滤（filter）方法

因为微信小程序的wxml和js的内部实现机制是分开编译的。所以在wxml是没办法调用js的函数的。这会导致WXML缺少一个我们常用的功能，那就是没有办法在视图层对数据做一些特殊处理。比如我们从后端获取到一个时间戳，然后需要在界面上把这些日期都格式化显示为2017-01-01这种格式的日期形式，在Vue, Angular之类的前端Web框架中，提供了如filter之类相应比较好用的方案。小程序是没有这些方法的。但是最近小程序推出了wxs类型文件就是解决这类问题的。

使用

首先新建filter.wxs文件(也可以直接写在wxml文件中，但是这中公共方法还是应该单独建文件的)。

var formatDate = function (timestamp,option) {

var date = getDate(parseInt(timestamp));

var year = date.getFullYear()

var month = date.getMonth() + 1

var day = date.getDate()

var hour = function(){

if (date.getHours()<10){ //补‘0’

return '0' + date.getHours()

}

return date.getHours();

}

var minute = function () {

if (date.getMinutes() < 10) {

return '0' + date.getMinutes()

}

return date.getMinutes();

}

var second = function () {

if (date.getSeconds() < 10) {

return '0' + date.getSeconds()

}

return date.getSeconds();

}

if (option=='notime'){ //不需要时间

return year + '-' + month + '-' + day;

}

return year + '-' + month + '-' + day + ' ' + hour() + ':' + minute() + ":" + second();

}

module.exports = {

formatDate: formatDate,

};

在wxml文件中使用

日期：{{filter.formatDate(要过滤的时间戳)}}

注意事项

wxs是不同于js文件的。所以很多js的api是不支持的。具体支持看官方文档。

例如本来获取日期，我们原本是调用new Date()的。在wxs是不支持的，但是小程序提供了一个全局函数getDate()代替。

还有，wxs不支持任何ES6的语法。什么let，Map()都用不了(OS：真是low啊-_-!)。

php mysql特殊符号过滤微信小程序_微信小程序数据过滤（filter）方法相关推荐

云小课｜聊一聊DRS的数据过滤特性
[本期推荐专题]在DevOps市场中,华为云DevCloud拔得头筹,看它如何助力企业面对商业环境瞬息万变快速响应. [摘要] 目前,DRS已支持其他云.本地IDC.ECS自建MySQL.SQL Se ...
如何微信链接自定义_微信链接自定义
微信在分享第三方网站是不显示缩略图和描述的,如下图所示微信链接自定义_微信链接自定义要解决这个问题必须调用微信JS-SDK接口,下面讲一下如何调用接口. 第一部分准备步骤注册微信公众号. 通过 ...
mysql传数据到微信小程序_微信小程序直播数据同步与转存
本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 本教程所用项目框架为egg ...
webview 个人小程序_微信小程序新增Webview它是什么东西？
原标题:微信小程序新增Webview,它是什么东西? 今天刚刚给客户做完案子,正准备去睡觉.2017 今天刚刚给客户做完案子,正准备去睡觉.2017年11月3日 11:29看到了微信公众平台推送的小程 ...
input ios问题小程序_微信小程序开发常见问题汇总
原标题:微信小程序开发常见问题汇总 1.域名必须是https 非https的域名不被微信小程序允许. 2.input组件placeholder字体颜色卸载placeholder-class里面的co ...
qml如何发布程序_微信小程序如何发布？公司和个人注册流程科普
如今制作微信小程序已经是非常简单的事了,即使是完全不懂技术的小白,也能利用小程序制作工具快速生成小程序,基本上选一个模板就能快速把页面搭建好. 不过,虽然小程序页面搭建很简单,但还有不少人不知道页面搭 ...
ready等方法微信小程序_微信小程序开发一些经验
对于微信小程序开发入门,还是比较简单的,只需要具备基本的css+js知识就可以了,成本比较低. 写了小程序和RN之后,有一种原生很笨重的感觉,就是小程序或者是RN等这些新的开发方式在效率上面真的有比较 ...
ar 微信小程序_微信小程序开放AR功能，全面提升交互体验
1.什么是AR? AR又称增强现实(Augmented Reality)技术,是一种将虚拟信息与真实世界巧妙融合的技术,广泛运用了多媒体.三维建模.实时跟踪及注册.智能交互.传感等多种技术手段,将计算 ...
智慧物业小程序_物业小程序物业微信小程序目前功能最全的物业小程序
原标题:物业小程序物业微信小程序目前功能最全的物业小程序以物业管理为核心,打造智慧社区云微信小程序管理平台,已入驻腾讯海纳社区,物业微信小程序,解决传统物业管理难,乱差的问题,利用微信小程序提供一整 ...
微信小程序_把chatgpt聊天数据复制到剪切板
文章目录 ⭐ 前言 ⭐ 开始网格背景样式配置对话框样式配置复制到剪切板 ⭐ 结束 ⭐ 前言大家好,我是yma16,不止前端,本文将介绍微信小程序中 chatgpt聊天页面设计和复制聊天数据. ...

php mysql特殊符号过滤微信小程序_微信小程序数据过滤（filter）方法

php mysql特殊符号过滤微信小程序_微信小程序数据过滤（filter）方法相关推荐

最新文章

热门文章