需求:在小程序的界面顯示一下
當(dāng)前系統(tǒng)里面的年月日時分秒
1:打開微信開發(fā)者工具鸵隧,填寫自己的appid和項目名稱,新建一個項目意推。
2:打開項目里面默認生成的util.js
這里可以看到掰派,代碼已經(jīng)寫好了,我們只需要引用就行了
const formatTime = date => {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
const formatNumber = n => {
n = n.toString()
return n[1] ? n : '0' + n
}
module.exports = {
formatTime: formatTime
}
3:開始寫代碼
打開index.wxml左痢,寫一個可以顯示時間的標簽
<view>{{time}}</view>
4:最重要的是index.js的代碼
要引入上面默認的util.js
在調(diào)用函數(shù)時靡羡,傳入new Date()參數(shù),返回值是日期和時間
再通過setData更改Page()里面的data俊性,動態(tài)更新頁面的數(shù)據(jù)
var util = require('../../utils/util.js');
Page({
data: {
},
onLoad: function () {
// 調(diào)用函數(shù)時略步,傳入new Date()參數(shù),返回值是日期和時間
var time = util.formatTime(new Date());
// 再通過setData更改Page()里面的data定页,動態(tài)更新頁面的數(shù)據(jù)
this.setData({
time: time
});
}
})
5:完成趟薄,可以在小程序的頁面看到
顯示當(dāng)前系統(tǒng)年月日時分秒了