這篇文章主要介紹了微信小程序格式化方法怎么用的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇微信小程序格式化方法怎么用文章都會有所收獲,下面我們一起來看看吧。
成都創(chuàng)新互聯(lián)主營潁州網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都app軟件開發(fā),潁州h5微信小程序開發(fā)搭建,潁州網(wǎng)站營銷推廣歡迎潁州等地區(qū)企業(yè)咨詢
util.js
這段代碼包含3個段落,按照參照關系逐一說明。
格式化數(shù)字函數(shù)
function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}
這個函數(shù)用于將日期和時間數(shù)字轉換成字符串,如果字符串為一個字符,則前面加0。
格式化日期/時間函數(shù)
function formatTime(date) {
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
var hour = date.getHours()
var minute = date.getMinutes()
var second = date.getSeconds()
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
這個函數(shù)將包含時刻信息的日期數(shù)據(jù)轉換為字符串。它的主要功能是在return語句中實現(xiàn)的。
這個語句首先調用map方法,利用formatNumber函數(shù)將將年月日數(shù)字數(shù)組轉換成年月日字符串數(shù)組,然后調用join方法將字符串數(shù)組中的元素用‘/’連接起來。
接下來調用map方法,利用formatNumber函數(shù)將將小時分秒數(shù)字數(shù)組轉換成字符串數(shù)組,然后調用join方法將字符串數(shù)組中的元素用‘:’連接起來。
最后將日期字符串和時刻字符串用“ ”連接起來返回。
對外暴露接口
module.exports = {
formatTime: formatTime
}
util.js是一個單獨的 js 文件模塊。而模塊可以通過 module.exports
()對外暴露接口。本例中將formatTime函數(shù)以formatTime的名稱暴露給其他模塊。
logs.js
//logs.js
var util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) {
return util.formatTime(new Date(log))
})
})
}
})
為了使用util.js中暴露的format函數(shù),首先使用 require(path)
將公共代碼引入本文件中。
在本頁面的生命周期函數(shù)onLoad中,首先從小程序臨時存儲中取出logs數(shù)組,然后對它的每個元素調用util.js中的formatTime函數(shù),將日期數(shù)據(jù)逐個轉換。最后將結果生成字符串數(shù)組并設定到頁面data中的logs數(shù)組中以供顯示。
log數(shù)據(jù)在小程序啟動時形成,在log頁面表示是被顯示。
關于“微信小程序格式化方法怎么用”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“微信小程序格式化方法怎么用”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。