当前位置: 首页 > 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 对象,无需额外库
http://www.dtcms.com/a/103829.html

相关文章:

  • 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系统测试报告
  • MYSQL中对行与列的操作
  • 【leetcode刷题日记】lc.238-除自身以外数组的乘积
  • redis 缓存命中率降低,该如何解决?
  • OMNIWeb 数据介绍
  • uniapp用法--uni.navigateTo 使用与参数携带的方式示例(包含复杂类型参数)
  • 合合信息大模型加速器2.0实测:当AI开始“读心术“与“考古“
  • 若依框架二次开发——若依(RuoYi)实现手机号/邮箱/用户名多方式登录
  • 【MySQL基础-18】MySQL字符函数详解:高效处理文本数据的利器
  • 说说Redis的内存淘汰策略?
  • 课程6. 决策树