小程序显示当前日期

╰半夏微凉° 2022-12-20 12:55 273阅读 0赞

需求：在小程序的界面显示一下  
当前系统里面的年月日时分秒

1：打开微信开发者工具，填写自己的appid和项目名称，新建一个项目。  
![17238c0b76d0634b7ed5b4b84c59fe69.png][]

2：打开项目里面默认生成的util.js  
这里可以看到，代码已经写好了，我们只需要引用就行了

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

3：开始写代码  
打开index.wxml，写一个可以显示时间的标签

4：最重要的是index.js的代码  
要引入上面默认的util.js  
在调用函数时，传入new Date()参数，返回值是日期和时间  
再通过setData更改Page()里面的data，动态更新页面的数据

5：完成，可以在小程序的页面看到  
显示当前系统年月日时分秒了  
![586903b36059ffeaf827077ba5042d94.png][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]

[17238c0b76d0634b7ed5b4b84c59fe69.png]: /images/20221120/b7e228766eab40dbb624a35427332a7f.png
[586903b36059ffeaf827077ba5042d94.png]: /images/20221120/dfe9c233c7f046f9be27778810e68baa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/9da3e30d3b894d508486e9590d4217e0.png