小程序获取当前日期

怼烎@ 2022-04-24 17:42 551阅读 0赞

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

318

其实方法很简单，小程序API里面也有一定的介绍。

1:准备好要获取时间的.js文件中加载util.js文件，文件目录中有默认的代码

952

2：
wxml:

  1. <view>{
  2.    {time}}</view>

3：在需要使用的js文件中，导入jsvar util = require('../../utils/util.js');
js:

  1. var util = require('../../utils/util.js');
  2. Page({
  3.   data: {
  5.   },
  6.   onLoad: function () {
  7.     // 调用函数时，传入new Date()参数，返回值是日期和时间
  8.     var time = util.formatTime(new Date());
  9.     // 再通过setData更改Page()里面的data，动态更新页面的数据
  10.     this.setData({
  11.       time: time
  12.     });
  13.   }
  15. })

4：wxss里面再写一点小样式

  1. .item-container{
  2.  border: 5px solid #ffffff;
  3.   height: 110rpx;
  4.   line-height: 110rpx;
  5.   margin-bottom:4rpx;
  6.   text-align: center; 
  7.   background: #f4932a;
  8.   color: #ffffff;
  9. }

注意：本篇写的是小程序获取当前时间点和日期的方法，不是时间计时器，如果想看小程序时间计时或者类似于淘宝倒计时秒杀，请关注下一篇。

原文作者：祈澈姑娘

发表评论

表情：
评论列表 （有 0 条评论，551人围观）

还没有评论，来说两句吧...

相关阅读

    相关 小程序获取当前日期

    需求：获取系统当前年月日和时分秒，并且显示在界面。如下图所示： ![318][]   其实方法很简单，小程序API里面也有一定的介绍。 1:准备好要获取时间的.js文件

    怼烎@怼烎@/ 0 赞/ 552 阅读