微信小程序获取系统日期和时间：微信小程序教程系列17

旧城等待， 2021-12-03 13:31 705阅读 0赞

获取当前系统日期和时间

在小程序中，新建项目时，就会有一个utils.js文件，就是获取日期和时间的，代码如下：

utils.js：

function formatTime(date) {
      var year = date.getFullYear()
      var month = date.getMonth() + 1
      var day = date.getDate()
     
      var hour = date.getHours()
      var minute = date.getMinutes()
      var second = date.getSeconds()
     
      return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
    }
     
    function formatNumber(n) {
      n = n.toString()
      return n[1] ? n : '0' + n
    }
     
    module.exports = {
      formatTime: formatTime
    }

使用示例：

index.js：

// 在需要使用的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
        });
      }
     
    })

index.wxml：

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

运行结果：

![20170215100853222][]

[20170215100853222]: /images/20211203/69b2fb75699146478965bb255a627012.png

发表评论取消回复

表情：

评论列表（有 0 条评论，705人围观）

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

相关阅读

相关微信小程序教程系列

微信小程序教程系列相关连接：[http://blog.csdn.net/michael\_ouyang/article/details/54700871][http_

逃离我推掉我的手/ 2023年01月22日 09:00/ 0 赞/ 212 阅读

相关微信小程序的文件结构：微信小程序教程系列01

文件结构 ![20170206092847476][] 示例目录：HelloWorld ![Center][] [\\\\\\\\\\\\\\\\\\\\\\\\\

迷南。/ 2021年12月09日 06:41/ 0 赞/ 369 阅读

相关微信小程序：注册微信小程序

注册小程序帐号在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 ![20170521234518211][] 选择注册

短命女/ 2021年12月09日 03:53/ 0 赞/ 685 阅读

相关微信小程序如何新建页面：微信小程序教程系列04

例如在web的开发中，新建一个页面只需要新建一个html文件即可。但是到在微信小程序中，新建一个页面也不只是新建一个wxml文件，那么该如何做呢？下面我们一起来学习

灰太狼/ 2021年12月05日 20:41/ 0 赞/ 849 阅读

相关微信小程序的网络请求：微信小程序教程系列14

网络请求，基本上是必须的环节之一。小程序提供了wx.request(object)，与开发者的服务器实现数据交互的一个很重要的api。 ![201702131657465

た入场券/ 2021年12月04日 09:34/ 0 赞/ 425 阅读

相关微信小程序之wxss：微信小程序教程系列13

WXSS（WeiXin Style Sheet）与CSS对应，用于描述页面的样式。特性内联样式：组件的 style 接收动态的样式，在运行时会进行

我不是女神ヾ/ 2021年12月04日 08:09/ 0 赞/ 468 阅读

相关微信小程序之微信登陆：微信小程序教程系列20

简介：微信登陆，在新建一个微信小程序Hello World项目的时候，就可以看到项目中出现了我们的微信头像，其实这个Hello World项目，就有一个简化版的微信登陆。只

喜欢ヅ旅行/ 2021年12月03日 14:17/ 0 赞/ 765 阅读

相关微信小程序之组件：微信小程序教程系列19

什么是组件：组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。 <t

迈不过友情╰/ 2021年12月03日 13:51/ 0 赞/ 496 阅读

相关微信小程序获取系统日期和时间：微信小程序教程系列17

获取当前系统日期和时间在小程序中，新建项目时，就会有一个utils.js文件，就是获取日期和时间的，代码如下： utils.js： function fo

旧城等待，/ 2021年12月03日 13:31/ 0 赞/ 706 阅读

相关微信小程序~日期时间戳转换

utils.js const formatTime = date => { const year = date.getFullYear() c

àì夳堔傛蜴生んèń/ 2021年10月30日 07:26/ 0 赞/ 915 阅读