目录

微信小程序获取系统日期和时间-微信小程序教程系列17

微信小程序获取系统日期和时间 —— 微信小程序教程系列(17)

获取当前系统日期和时间

在小程序中,新建项目时,就会有一个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: formatTime
}

使用示例:

index.js:

// 在需要使用的js文件中,导入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
    });
  }

})

index.wxml:

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

运行结果:

https://img-blog.csdn.net/20170215100853222?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbWljaGFlbF9vdXlhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

微信小程序教程系列

相关连接:

注册上线篇

——————————

——————————

基础篇

————————————————————

实战篇

————————————————————

电商篇

————————————————————

未完待续。。。

更多小程序的教程: