微信小程序—显示当前时间

问题#

　　在页面上显示当前时间（日期）

方法#

　　1、在util.js （创建项目自动生成）中：

  // 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].map(formatNumber).join(':')   //返回年月日，时分秒
}
 
const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}
 
module.exports = {
  formatTime: formatTime
}

　　2、index.wxml 中写一个text显示时间

1	`<text` `class="user-motto">{{time}}</text>`

　　3、index.js中写逻辑

// index.js
  
 var util = require('../../utils/util.js');
 Page({
  ......................
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
    //日期显示
    var time = util.formatTime(new Date())
    //为页面中time赋值
    this.setData({
      time: time
    })
  },
 ............................
})