前端获取当前日期并格式化(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日

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

相关推荐
deep_drink1 分钟前
1.2、Python 与编程基础:文件处理与常用库
开发语言·python·elasticsearch·llm
TON_G-T7 分钟前
100行实现Mini React
前端·javascript·react.js
恋猫de小郭8 分钟前
2026 AI 时代下,Flutter 和 Dart 的机遇和未来发展,AI 一体化
android·前端·flutter
多行不易8 分钟前
JavaScript与Sonic前端交互:构建可视化数字人生成界面
javascript·数字人·viewui·sonic
结衣结衣.11 分钟前
【Linux】命名管道的妙用:实现进程控制与实时字符交互
linux·运维·开发语言·学习·操作系统·交互
1314lay_100718 分钟前
Element Plus左侧侧边栏按照屏幕宽度来确定显示和隐藏,如果太小的话,侧边栏消失,菜单会变成一个小按钮,点击按钮以模态框弹出
javascript·vue.js·elementui
看客随心22 分钟前
vue + elementPlus大屏项目使用autofit做适配及注意点
前端·javascript·vue.js
fy1216323 分钟前
Java进阶——IO 流
java·开发语言·python
程序喵大人32 分钟前
C++依赖关系分析:5个工具理清模块关系
开发语言·c++