当前位置: 首页 > news >正文

微信小程序:获取当前日期(YYYY-mm-dd)

在微信小程序中获取当前日期并格式化为 yyyy-mm-dd 格式,可以通过以下代码实现:

方法

方法一:使用 JavaScript 的 Date 对象

function formatDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始,需要+1
  const day = String(date.getDate()).padStart(2, '0');
  
  return `${year}-${month}-${day}`;
}

// 获取当前日期
const currentDate = new Date();
const formattedDate = formatDate(currentDate);

console.log(formattedDate); // 输出示例: "2023-05-15"

方法二:使用微信小程序的 getDate API(更简单)

// 获取当前日期(兼容性更好)
const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0');
const day = now.getDate().toString().padStart(2, '0');

const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 输出示例: "2023-05-15"

在 Page 或 Component 中使用示例

Page({
  data: {
    currentDate: ''
  },
  onLoad() {
    this.setCurrentDate();
  },
  setCurrentDate() {
    const now = new Date();
    const formattedDate = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
    this.setData({ currentDate: formattedDate });
  }
})

WXML 中显示

<view>当前日期:{{currentDate}}</view>

关键点说明

  1. getMonth() 返回 0-11,需要 +1
  2. padStart(2, '0') 确保单数月/日显示为 05 而不是 5
  3. 微信小程序完全支持标准 JavaScript 的 Date 对象,无需额外库

相关文章:

  • Scala基础
  • 【Yolov8部署】 VS2019 + opencv + onnxruntime 环境下部署目标检测模型
  • brew 安装mysql,启动,停止,重启
  • 中级:数组算法面试题全解析
  • RTDETR融合何凯明[CVPR2025]新作DyT结构
  • 解决Dify低并发方案
  • 如何将AI模型返回的字符串转为html元素?
  • 【第十三届“泰迪杯”数据挖掘挑战赛】【2025泰迪杯】【思路篇】A题解题全流程(持续更新)
  • OpenCV图像输入输出模块imgcodecs
  • [特殊字符]《多商户家政系统技术解析:SpringBoot+MyBatisPlus+UniApp高效实战指南》
  • [网络_2] 存储(KB) | 传输(kb) | 8大性能指标
  • DButils + BasicDAO 深度整合指南
  • JavaScript数据结构
  • vue3大屏适配
  • Java使用Californium 实现CoAP协议交互代码案例
  • springboot3 基于 logback
  • Python第七章02:文件读取的练习
  • Qt 多线程的两种实现方式
  • 表单对象与当前行对象的 区别
  • 基于Spring的forum系统测试报告
  • 武汉网站模板建站/专业全网优化
  • 做二维码报名网站/百度最新秒收录方法2021
  • 南昌个人做网站/软文推广案例大全
  • 网站运营小白可以做吗/网站站长
  • 人才网站的seo怎么做/软件开发app制作
  • 免费建设公司网站/培训方案及培训计划