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

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

相关推荐
一切尽在,你来4 分钟前
C++ 零基础教程 - 第 5 讲 变量和数据类型
开发语言·c++
0思必得013 分钟前
[Web自动化] Selenium处理Cookie
前端·爬虫·python·selenium·自动化
徐同保22 分钟前
react-markdown使用
前端·react.js·前端框架
萧曵 丶22 分钟前
懒加载单例模式中DCL方式和原理解析
java·开发语言·单例模式·dcl
℡枫叶℡23 分钟前
C# - 指定友元程序集
开发语言·c#·友元程序集
2601_9498574329 分钟前
Flutter for OpenHarmony Web开发助手App实战:CSS参考
前端·css·flutter
无法长大29 分钟前
如何判断项目需不需要用、能不能用Tailwind CSS
前端·css·vue.js·elementui·vue3·tailwind css
阿猿收手吧!31 分钟前
【C++】constexpr动态内存与双模式革命
开发语言·c++
橙露31 分钟前
移动端前端适配:Rem、VW/VH 与媒体查询的综合应用指南
前端·媒体
小小码农Come on43 分钟前
QT开发环境安装
开发语言·qt