当前位置:首页 > JavaScript

js实现年月日

2026-03-01 23:30:29JavaScript

获取当前年月日

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

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

console.log(`当前日期:${year}-${month}-${day}`);

格式化年月日

如果需要将日期格式化为特定形式(如 YYYY-MM-DD),可以使用以下方法:

js实现年月日

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 formattedDate = formatDate(new Date());
console.log(formattedDate); // 输出类似 "2023-10-05"

解析字符串为年月日

从字符串(如 "2023-10-05")解析为年、月、日:

const dateString = "2023-10-05";
const parts = dateString.split("-");
const year = parseInt(parts[0], 10);
const month = parseInt(parts[1], 10);
const day = parseInt(parts[2], 10);

console.log(`年:${year}, 月:${month}, 日:${day}`);

计算两个日期的差值

计算两个日期之间的天数差:

js实现年月日

function getDaysBetweenDates(date1, date2) {
    const timeDiff = Math.abs(date2.getTime() - date1.getTime());
    return Math.floor(timeDiff / (1000 * 60 * 60 * 24));
}

const startDate = new Date("2023-10-01");
const endDate = new Date("2023-10-05");
const daysDiff = getDaysBetweenDates(startDate, endDate);
console.log(`相差天数:${daysDiff}`);

添加或减少天数

在当前日期上添加或减少天数:

function addDays(date, days) {
    const result = new Date(date);
    result.setDate(result.getDate() + days);
    return result;
}

const today = new Date();
const futureDate = addDays(today, 7);
console.log(`一周后的日期:${formatDate(futureDate)}`);

使用第三方库(如 date-fns

对于更复杂的日期操作,可以使用 date-fnsmoment.js

import { format, addDays } from 'date-fns';

const today = new Date();
const formatted = format(today, 'yyyy-MM-dd');
const nextWeek = addDays(today, 7);

console.log(`格式化日期:${formatted}`);
console.log(`一周后的日期:${format(nextWeek, 'yyyy-MM-dd')}`);

注意事项

  • 月份从 0 开始(0 表示一月,11 表示十二月),使用时需加 1
  • 使用 padStart 确保月份和日期的两位数格式。
  • 处理时区问题时,建议使用 toISOString 或第三方库。

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

相关文章

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选框…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:…

js实现图表

js实现图表

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

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…