小程式獲取當前日期和時間點的方法
阿新 • • 發佈:2018-11-07
需求:獲取系統當前年月日和時分秒,並且顯示在介面。如下圖所示:
其實方法很簡單,小程式API裡面也有一定的介紹。
1:準備好要獲取時間的.js檔案中載入util.js檔案,檔案目錄中有預設的程式碼
2:
wxml:
<view>{{time}}</view>
3:在需要使用的js檔案中,匯入jsvar util = require('../../utils/util.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
});
}
})
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後前端妹子,愛程式設計,愛運營,愛折騰。堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家加入群聊,一起探討交流。