插入的是系统时间,已知的小程序的 util.js默认就提供了相应的代码:
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;]
}
const formatNumber = n => {
n = n.toString()
return n[1] ? n : '0' + n
}
module.exports = {
formatTime: formatTime
}
但我需要的只是日期,不是时间,所以下面步骤是:
1.修改 util.js中的代码
const formatTime = date => {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
return [year, month, day].map(formatNumber).join('/')
}
const formatNumber = n => {
n = n.toString()
return n[1] ? n : '0' + n
}
module.exports = {
formatTime: formatTime
}
2.在需要使用的页面的*.js文件中进行代码写入
var util = require('../../utils/util.js');
Page({
data:{
},
onLoad: function () {
// 调用函数时,传入 new Date()函数,返回值是日期和时间
var time = util.formatTime(new Date());
// 再通过 setData 更改 Page()里面的 data,动态更新页面的数据
this.setData({
time: time
});
}
})
3.在需要使用的页面的*.wxml文件中进行引用
<view>{{time}}</view>
4.可选步骤,对于格式的描述,在*.wxss文件中写入如下代码,如需要,你还可以再加上一个 back ground 的颜色
.item-container{
border: 5px solid #ffffff;
height: 110rpx;
line-height: 110rpx;
margin-bottom:4rpx;
text-align: center;
color: #ffffff;
}
OK,每一步都需要保存一下,就可以看到如下的效果了