在學習小程式過程中需要獲取當地的時間然後在插入到資料庫，首先關鍵性的問題是如何去獲取時間，畢竟微信小程式跟我們之前學習過的其他高階語言還是有些不同的，對於這個問題我個人做一個小總結。

【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())

想要獲取更多學習資源可以關注右上角我的公眾號，期待你的加入，一起學習一起進步。