小程序|微信小程序显示当前系统年月日时分秒

需求:在小程序的界面显示一下
当前系统里面的年月日时分秒
1:打开微信开发者工具,填写自己的appid和项目名称,新建一个项目。

小程序|微信小程序显示当前系统年月日时分秒
文章图片
2:打开项目里面默认生成的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, minute, second].map(formatNumber).join(':') }const formatNumber = n => { n = n.toString() return n[1] ? n : '0' + n }module.exports = { formatTime: formatTime }

3:开始写代码
打开index.wxml,写一个可以显示时间的标签
{{time}}

4:最重要的是index.js的代码
要引入上面默认的util.js
在调用函数时,传入new Date()参数,返回值是日期和时间
再通过setData更改Page()里面的data,动态更新页面的数据
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 }); }})

【小程序|微信小程序显示当前系统年月日时分秒】5:完成,可以在小程序的页面看到
显示当前系统年月日时分秒了

小程序|微信小程序显示当前系统年月日时分秒
文章图片

    推荐阅读