微信小程序------获取本地时间

在学习小程序过程中需要获取当地的时间然后在插入到数据库，首先关键性的问题是如何去获取时间，毕竟微信小程序跟我们之前学习过的其他高级语言还是有些不同的，对于这个问题我个人做一个小总结。

【Demo展示】

当我们点击按钮时即可获取到当地时间。

【项目结构展示】

图中红线框就是我们需要去创建的页面。

【代码展示】

index.js

//index.js
var util = require('../util/util.js');
Page({
  data: {
  },
  //给按钮绑定getTime事件
  getTime: function () {
    var time = util.formatTime(new Date())
    //为页面中time赋值
    this.setData({
      time: time
    })
    //打印
    console.log(time)
  }
})

index.wxml

<!--index.wxml-->
<view class="container">
  <!-- 建立按钮，为按钮绑定函数 -->
  <button bindtap="getTime">点击获取当前时间</button>
  <!-- wx:if判断是否存在 -->
  <text wx:if="{{time}}">{{time}}</text>
</view>

index.json

{}

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
}

【小结】

通过上述展示我们可以看出其实微信小程序跟我们平时java学习过程获取的时间基本类似，只不过命名形式换了下

如果我们需要将当地时间插入到云开发的数据库中直接可以引用下面这段代码

 var time = util.formatTime(new Date())

【更新2018-11-4】

如果想要获取年月日的格式

只要将如下代码替换下就可以

return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')

换成

return [year].map(formatNumber) + '年' + [month].map(formatNumber) + '月 ' + [day].map(formatNumber) + '日' + [hour, minute, second].map(formatNumber).join(':')

想要获取更多学习资源可以关注右上角我的公众号，期待你的加入，一起学习一起进步。

微信小程序------获取本地时间

猜你喜欢