当前位置:首页 > JavaScript

js实现年月日

2026-01-31 08:19:31JavaScript

获取当前年月日

使用 Date 对象可以获取当前的年、月、日。以下是获取当前年月日的代码示例:

const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1; // 月份从0开始,需要加1
const day = date.getDate();

console.log(`${year}-${month}-${day}`);

格式化年月日

如果需要将日期格式化为特定的字符串形式,可以使用以下方法:

function formatDate(date) {
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0');
    const day = String(date.getDate()).padStart(2, '0');
    return `${year}-${month}-${day}`;
}

const today = new Date();
console.log(formatDate(today)); // 输出例如 "2023-09-15"

自定义日期操作

可以通过 Date 对象的方法对日期进行加减操作:

const date = new Date();
date.setDate(date.getDate() + 7); // 加7天
console.log(formatDate(date)); // 输出7天后的日期

使用第三方库

如果需要更复杂的日期操作,推荐使用 moment.jsdate-fns 等第三方库:

// 使用 moment.js
const moment = require('moment');
console.log(moment().format('YYYY-MM-DD'));

// 使用 date-fns
const { format } = require('date-fns');
console.log(format(new Date(), 'yyyy-MM-dd'));

注意事项

  • 月份从0开始,1月对应0,12月对应11。
  • 使用 padStart 方法可以确保月份和日期的两位数格式。

js实现年月日

标签: 年月日js
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 使用JavaScript实现拖拽功能需要监听鼠标事件,包括mousedown、mousemove和mouseup。以下是实现的基本逻辑: const draggableElem…

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以…

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounc…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm…