需求:在小程序的界面显示一下
当前系统里面的年月日时分秒
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:完成,可以在小程序的页面看到
显示当前系统年月日时分秒了
文章图片
推荐阅读
- Java|Java基础——数组
- 人工智能|干货!人体姿态估计与运动预测
- 推荐系统论文进阶|CTR预估 论文精读(十一)--Deep Interest Evolution Network(DIEN)
- java简介|Java是什么(Java能用来干什么?)
- Java|规范的打印日志
- Linux|109 个实用 shell 脚本
- 程序员|【高级Java架构师系统学习】毕业一年萌新的Java大厂面经,最新整理
- Python专栏|数据分析的常规流程
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查