【微信小程序】获取系统当前日期和时间

编写小程序代码时,常需获取系统当前日期和时间,主要借助util.js工具文件。文中给出了util.js代码,还说明了在对应js文件和.wxml文件添加代码的方法,最后提到结果样式可自行设置。

我们平时在编写小程序代码的时候,可能会很经常会用到系统的当前日期和时间,这个获取主要用到了util.js这个工具文件。

里面的代码如下所示

①util.js也有如下代码(方便copy):

/**
 * 工具类 util.js
 */
class Util {
  static formatTime(date) {
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate();

    let hour = date.getHours();
    let minute = date.getMinutes();
    let second = date.getSeconds();


    return [year, month, day].map(this.formatNumber).join('/') + ' ' + [hour, minute, second].map(this.formatNumber).join(':');
  };
  static formatNumber(n) {
    n = n.toString();
    return n[1] ? n : '0' + n;
  };
};

module.exports = Util;

②在你想要显示地方对应的所属js文件里添加如下代码:

// xxx.js

//获取当前系统日期和时间
var util = require('../../utils/util.js'); //参数是util.js所在的路径,参照自个儿的

Page({
 
  onLoad: function () {
    // 调用函数时,传入new Date()参数,返回值是日期和时间
    var currenTime= util.formatTime(new Date());
    // 再通过setData更改Page()里面的data,动态更新页面的数据
    this.setData({
      currenTime: currenTime
    });
  }
 
})

③在显示地方对应所属的.wxml文件里

// xxx.wxml

<view class='indexTime'>
  当前日期和时间:{{currenTime}}
</view>

④结果(样式就自己随便设置下吧):

 

 

 

 

 

评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值