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

需求：在小程序的界面显示一下
当前系统里面的年月日时分秒

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：完成，可以在小程序的页面看到
显示当前系统年月日时分秒了

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

微信小程序image图片预览时不显示（后缀问题！）
微信小程序image图片预览时不显示(后缀问题!) ".PNG"是不行滴!!! ".png"才可以!!! 刚刚用了两张图片是截下来的,后缀是".PNG ...
微信小程序购物商城系统开发系列-工具篇
微信小程序购物商城系统开发系列-工具篇微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操 ...
会议室预订小程序,共享会议室小程序,微信小程序会议室预约系统毕设作品
项目背景和意义目的:本课题主要目标是设计并能够实现一个基于微信小程序会议室预约系统,前台用户使用小程序,后台管理使用基PHP+MySql的B/S架构:通过后台添加会议室信息.管理用户信息.管理预约信 ...
视频教程-微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-微信开发
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
微信小程序客服系统怎么使用？小程序客服消息有没有什么限制？
越来越多的商家开始使用微信小程序,大批客户涌入,就会面临一个头疼的问题,如何和客户即时对话,怎么高效处理客户消息,所以就需要巧妙运用微信小程序客服系统.那么微信小程序客服系统怎么使用呢? 一.使用微信 ...
微信小程序客服系统手机版五大功能介绍
很多朋友小程序上线后,客服消息这块一直没得到解决.小程序客服消息只能在PC端回复,是让众多小程序运营商及商家头疼的问题,因为一个再牛逼的客服,也不可能随时随地都抱着电脑,这就导致很多用户的留言不能及时 ...
计算机毕业设计Python+uniapp基于微信小程序的旅游系统论文(小程序+源码+LW)
计算机毕业设计Python+uniapp基于微信小程序的旅游系统论文(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ ...
教室预约微信小程序,教室预约系统小程序,教室预约小程序系统毕业设计作品
项目背景和意义目的:本课题主要目标是设计并能够实现一个基于微信小程序实验室预约系统,前台用户使用小程序,后台管理使用Java+Mysql开发,后台使用了springboot框架:通过后台添加实验室类 ...
win10系统excel2019单元格显示完整的年月日时分秒设置方法
https://www.pianshen.com/article/88671983757/ win10系统excel2019单元格显示完整的年月日时分秒设置方法技术标签: Windows exce ...

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

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

最新文章

热门文章