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

时间:2022-07-23
本文章向大家介绍微信小程序显示当前系统年月日时分秒,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

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,写一个可以显示时间的标签

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