小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序如何获取当前日期时间,并封装utils方式

微信小程序如何获取当前日期时间,并封装utils方式

要在微信小程序中获取当前的日期和时间,可以使用Date对象和相关的方法来实现。


1. 首先,在utils文件夹下新建一个dateUtils.js文件,用于封装日期相关的工具函数。

2. 在dateUtils.js中添加以下代码:

// 获取当前日期,返回格式为yyyy-mm-dd
function getCurrentDate() {
  const date = new Date();
  const year = date.getFullYear();
  const month = formatNumber(date.getMonth() + 1);
  const day = formatNumber(date.getDate());
  
  return `${year}-${month}-${day}`;
}

// 获取当前时间,返回格式为hh:mm:ss
function getCurrentTime() {
  const date = new Date();
  const hours = formatNumber(date.getHours());
  const minutes = formatNumber(date.getMinutes());
  const seconds = formatNumber(date.getSeconds());
  
  return `${hours}:${minutes}:${seconds}`;
}

// 将数值格式化为两位数
function formatNumber(num) {
  return num < 10 ? '0' + num : num;
}

export {
  getCurrentDate,
  getCurrentTime
}

3. 在需要获取日期和时间的地方,引入dateUtils.js并调用相关函数:

import { getCurrentDate, getCurrentTime } from '@/utils/dateUtils.js';

// 获取当前日期
const currentDate = getCurrentDate();
console.log('当前日期:', currentDate);

// 获取当前时间
const currentTime = getCurrentTime();
console.log('当前时间:', currentTime);

在上述代码中,我们使用Date对象来获取当前的年、月、日、时、分、秒等信息,然后通过formatNumber函数来格式化数字为两位数。getCurrentDate函数和getCurrentTime函数分别返回当前的日期和时间。在需要获取日期和时间的地方,我们可以引入dateUtils.js文件,并调用getCurrentDate和getCurrentTime函数来获取对应的值。

通过封装在utils中的dateUtils.js文件,我们可以在微信小程序中方便地获取当前的日期和时间。

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了