微信小程序动态获取当前时间-蒲公英云

微信小程序动态获取当前时间

蔚落 2022-12-25 04:56 557阅读 0赞

1，动态获取当前时间

2,在根目录下utils文件夹创建utils.js写获取时间方法

utils.js

/**获取当前系统时间 */
function formatTime(date) {
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()
  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}
module.exports = {
  formatTime 
}

3，页面动态获取当前时间

wxml

<view class="currentTime">
            <view>当前时间：{
   {time}}</view>
         </view>

var util = require('../../../utils/utils.js');
Page({
  /**
   * 页面的初始数据
   */
  data: {
    time: '',
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this;
    setInterval(function () {
      that.setData({
        time: util.formatTime(new Date())
      });
    }, 1000);
  },
//点击获取当前点击时间
  getTime: function () {
     let that = this;
     let currentTime = util.formatTime(new Date());
     that.setData({
       time: currentTime
     })
   },
})