美文网首页程序员
微信小程序显示当前系统年月日时分秒

微信小程序显示当前系统年月日时分秒

作者: 祈澈菇凉 | 来源:发表于2020-08-20 16:58 被阅读0次

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

1:打开微信开发者工具,填写自己的appid和项目名称,新建一个项目。


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,写一个可以显示时间的标签

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

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

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
    });
  }

})

5:完成,可以在小程序的页面看到
显示当前系统年月日时分秒了


相关文章

  • 微信小程序显示当前系统年月日时分秒

    需求:在小程序的界面显示一下当前系统里面的年月日时分秒 1:打开微信开发者工具,填写自己的appid和项目名称,新...

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

    需求:获取系统当前年月日和时分秒,并且显示在界面。如下图所示: 其实方法很简单,小程序API里面也有一定的介绍。 ...

  • 系统时间相关-date

    1.查看系统时间 年月日 完整显示年月日 完整显示年月日 时分秒 时分秒 星期 显示过去或未来的时间信息: 同步系...

  • 常用函数

    时间日期函数 1、获取当前系统时间,时间格式包括年月日时分秒 2、只获取系统时分秒 3、只获取当前系统时间的年月日...

  • 关于前端时间的那些事

    1.如何获取系统时间 显示最终结果: 2.如何获取年月日时分秒 3.如何设置年月日时分秒 4. momentjs强...

  • Go语言获取时间和日期

    如何获取当前时间time.now() 如何获取当前的年月日时分秒now.年月日时分秒 如何按照我们指定的格式生成时...

  • time模块

    time模块 主要包含处理年月日时分秒对应的时间(着重时分秒) datetime模块 itchat模块 自动给微信...

  • MUI的picker选择器

    更多操作(例如只显示年月日不显示时分秒、显示年月日时、自定义显示等等): 参考连接: https://blog.c...

  • 微信小程序日期选择器显示当前系统年月日时分

    小程序vant-weapp的日期选择器的使用(年月日时分) 话不多说,记录一下这个框架的使用~小程序使用轻量、可靠...

  • day19时间模块

    时间模块 主要包含处理年月日时分秒对应的时间(着重时分秒) 专门处理年月日 1.获取当前时间 时间戳:就是从格林威...

网友评论

    本文标题:微信小程序显示当前系统年月日时分秒

    本文链接:https://www.haomeiwen.com/subject/ykcejktx.html