小程序获取当前日期和时间点的方法

需求：获取系统当前年月日和时分秒，并且显示在界面。如下图所示：

其实方法很简单，小程序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后前端妹子，爱编程，爱运营，爱折腾。坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家加入群聊，一起探讨交流。

秒客网

小程序获取当前日期和时间点的方法

相关文章