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

需求：在小程序的界面显示一下

当前系统里面的年月日时分秒

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：完成，可以在小程序的页面看到

显示当前系统年月日时分秒了