想在微信小程序的wxml文件裏自如的像vue那樣調用自定義的方法,發現並不成功,得利用WXS腳本語言。javascript
WXS腳本語言是 WeiXin Script 腳本語言的簡稱,是JavaScript、JSON、WXML、WXSS以後又一大小程序內部文件類型。截至到目前小程序已經提供了5種文件類型。vue
WXS的使用,有兩種方式。java
一種是直接在WXML中編寫。正則表達式
<!--wxml--> <wxs module="foo"> var some_msg = "hello world"; module.exports = { msg : some_msg, } </wxs> <view> {{foo.msg}} </view>
另一種是使用單獨的WXS文件,而後在WXML中引入便可:小程序
<wxs src="../../wxs/issue.wxs" module="tools" />
wxs文件內容以下:微信小程序
var timeChn = function (val) { if (!val) { return false } var reg = getRegExp("-", "g"); var _time = val.replace(reg, "/") var realTime = getDate(val).getTime() var nowTime = getDate().getTime() var diffValue = nowTime - realTime var _min = diffValue / (60 * 1000) if (_min < 1) { return '剛剛' } else if (_min >= 1 && _min < 10) { return '1分鐘前' } else if (_min >= 10 && _min < 30) { return '10分鐘前' } else if (_min >= 30 && _min < 60) { return '半小時前' } else if (_min >= 60 && _min < 60 * 24) { return Math.floor(_min / 60) + '小時前' } else if (_min >= 60 * 24 && _min < 60 * 24 * 7) { return Math.floor(_min / (60 * 24)) + '天前' } else { return val } } module.exports = { timeChn: timeChn }
在wxml文件裏使用以下:微信
<view>{{tools.timeChn(item.createdTime)}}</view>
WXS是小程序的一套腳本語言,wxs 與 javascript 是不一樣的語言,有本身的語法,並不和 javascript 一致。其中包括了不少平常使用的javascript函數,在wxs中都是不能一樣使用的。最近在作這個小程序的時候,涉及到時間格式化操做。就遇到了這個問題,之前寫好了的格式化工具函數直接拷貝到小程序項目的wxs文件中,函數不能正常執行。其中包括了下面的幾個錯誤:函數
一、正則表達式在字符串的replace函數中的使用方法不同,不能直接使用var a = /[0-9]/這種方式聲明使用。正確的方式爲var reg = getRegExp("-", "g");工具
二、獲取當前時間不能經過new Date()獲取,而是經過getDate方法獲取。spa
三、使用let聲明好像有問題(此未驗證,反正let改爲var聲明就能夠了)