900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 微信小程序显示当前系统年月日时分秒

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

时间:2020-04-08 16:10:36

相关推荐

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

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

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

1:打开微信开发者工具,填写自己的appid和项目名称,新建一个项目。

2:打开项目里面默认生成的util.js

这里可以看到,代码已经写好了,我们只需要引用就行了

const formatTime = date => {const year = date.getFullYear()const month = date.getMonth() + 1const 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

在调用函数时,传入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:完成,可以在小程序的页面看到

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。