需求：獲取系統當前年月日和時分秒，並且顯示在介面。如下圖所示：

其實方法很簡單，小程式API裡面也有一定的介紹。

1:準備好要獲取時間的.js檔案中載入util.js檔案，檔案目錄中有預設的程式碼

2：
wxml:

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

3：在需要使用的js檔案中，匯入jsvar util = require('../../utils/util.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
    });
  }

})

4：wxss裡面再寫一點小樣式

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

注意：本篇寫的是小程式獲取當前時間點和日期的方法，不是時間計時器，如果想看小程式時間計時或者類似於淘寶倒計時秒殺，請關注下一篇。

原文作者：祈澈姑娘 技術部落格：https://www.jianshu.com/u/05f416aefbe1
90後前端妹子，愛程式設計，愛運營，愛折騰。堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家加入群聊，一起探討交流。