小程序自研二：时间的插入

插入的是系统时间，已知的小程序的 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;]
}

const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime
}

但我需要的只是日期，不是时间，所以下面步骤是：

1.修改 util.js中的代码

  const formatTime = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()

  return [year, month, day].map(formatNumber).join('/')
}

const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime
}

2.在需要使用的页面的*.js文件中进行代码写入

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
    });
  }

}) 

3.在需要使用的页面的*.wxml文件中进行引用

<view>{{time}}</view>

4.可选步骤，对于格式的描述，在*.wxss文件中写入如下代码，如需要，你还可以再加上一个 back ground 的颜色

.item-container{
 border: 5px solid #ffffff;
  height: 110rpx;
  line-height: 110rpx;
  margin-bottom:4rpx;
  text-align: center; 
  color: #ffffff;
}

OK，每一步都需要保存一下，就可以看到如下的效果了