前端获取当前日期并格式化(JS)

获取当前日期

在JavaScript中,可以使用Date 对象来获取当前日期。以下是一个示例,展示如何获取当前日期并格式化为YYYY-MM-DD格式。

javascript 复制代码
function getCurrentDate() {
  const date = new Date();
  const year = date.getFullYear();
  let month = date.getMonth() + 1; // 月份从0开始,需要加1
  let day = date.getDate();

  // 如果月份或日期是个位数,则在前面补0
  if (month < 10) month = `0${month}`;
  if (day < 10) day = `0${day}`;

  return `${year}-${month}-${day}`;
}

console.log(getCurrentDate()); // 输出示例:2023-09-15

注意事项:

  1. 月份从0开始 :在JavaScript中,*getMonth()*方法返回的月份是从0开始的,因此需要加1。

  2. 补零操作:为了确保日期格式的一致性,如果月份或日期是个位数,需要在前面补0。

通过上述方法,可以轻松获取并格式化当前日期。你还可以根据需要调整格式,例如将日期格式化为YYYY年MM月DD日

javascript 复制代码
function getCurrentDateInChinese() {
  const date = new Date();
  const year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();

  if (month < 10) month = `0${month}`;
  if (day < 10) day = `0${day}`;

  return `${year}年${month}月${day}日`;
}

console.log(getCurrentDateInChinese()); // 输出示例:2023年09月15日

通过这种方式,你可以根据需求获取和格式化当前日期。

相关推荐
JackJiang1 分钟前
AI大模型爆火的SSE技术到底是什么?万字长文,一篇读懂SSE!
前端·websocket
Mr_chiu2 分钟前
数据可视化大屏模板:前端开发的效率革命与架构艺术
前端
进击的野人2 分钟前
一个基于 Vue 的 GitHub 用户搜索案例
前端·vue.js·前端框架
ZsTs1193 分钟前
《2025 AI 自动化新高度:一套代码搞定 iOS、Android 双端,全平台 AutoGLM 部署实战》
前端·人工智能·全栈
命中水3 分钟前
从怀疑到离不开:我第一个由 AI 深度参与完成的真实项目复盘
前端·openai
我是ed3 分钟前
# Vue3 图片标注插件 AILabel
前端
心在飞扬4 分钟前
AI 全栈--reactjs 基础总结
前端
七月十二4 分钟前
【TS】虚拟列表无渲染逻辑内核
前端
樊小肆8 分钟前
ollmam+langchain.js实现本地大模型简单记忆对话-PostgreSQL版
前端·langchain·aigc
renke336412 分钟前
Flutter 2025 模块化与微前端工程体系:从单体到可插拔架构,实现高效协作、独立交付与动态加载的下一代应用结构
前端·flutter·架构