小程序中,想要获取当前时间很简单,可直接通过Date类对象获取,为了方便理解,我们这里直接使用console将Date对象输出到控制台,结果如下图
从这里就能看出,系统时间已经被Date类对象获取,剩下的就是从Date类对象中将获取的系统时间的年月日秒分离出来,关于这点,Date类有对应的方法,比如getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds()。以上六种方法分别获取的是系统时间的年,月,日,时,分,秒。利用这些方法,将系统时间的年,月,日,时,分,秒分别装入不同的变量中,然后将这些变量,组合成自己想要的格式并返回,这样,一个获取当前时间的函数就完成了(代码如下)
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()
console.log(date)
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
最后在要获取时间的页面JS中使用该函数,并将该函数返回的时间放入到页面组件中(代码如下)
JS的代码
data: {
Time_Year:'',
Time_Mouth:'',
Time_Day:'',
Time_Hours:'',
Time_Minutes:'',
Time_Seconds:'',
},
onLoad: function (options) {
var time = util.formatTime(new Date());
console.log(time);
}, 2000);
// 再通过setData更改Page()里面的data,动态更新页面的数据
this.setData({
Time_Year:time.substring(0,4),
Time_Mouth:time.substring(5,7),
Time_Day:time.substring(8,11),
Time_Hours:time.substring(11,13),
Time_Minutes:time.substring(14,16),
Time_Seconds:time.substring(17,20),
})
},
wxml的代码
<view class="Weather_Title" >
<text class="Page_Name_Title">天气界面</text>
</view>
实现的效果如下图