当前位置:首页 > JavaScript

js date实现

2026-04-06 02:32:46JavaScript

日期对象创建

使用 new Date() 构造函数创建日期对象,支持多种参数格式:

const now = new Date(); // 当前时间
const specificDate = new Date(2023, 11, 31); // 年月日(月份0-11)
const fromString = new Date("2023-12-31T12:00:00"); // ISO字符串
const fromTimestamp = new Date(1640995200000); // 时间戳(毫秒)

日期获取与设置

通过日期对象的方法获取或修改年、月、日等组成部分:

js date实现

const date = new Date();
const year = date.getFullYear(); // 获取年份(4位数)
const month = date.getMonth(); // 获取月份(0-11)
date.setDate(15); // 设置日期为当月15号
date.setHours(23, 59, 59); // 设置时间为23:59:59

日期格式化

转换为字符串或自定义格式输出:

const date = new Date();
console.log(date.toISOString()); // "2023-12-31T12:00:00.000Z"
console.log(date.toLocaleDateString("zh-CN")); // "2023/12/31"(中文格式)
console.log(`${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()}`); // 自定义拼接

日期计算

通过时间戳或直接修改日期值进行计算:

js date实现

const date1 = new Date("2023-12-01");
const date2 = new Date("2023-12-31");
const diffDays = (date2 - date1) / (1000 * 60 * 60 * 24); // 计算相差天数(30)

const nextWeek = new Date();
nextWeek.setDate(nextWeek.getDate() + 7); // 加7天

时区处理

处理时区差异或UTC时间:

const date = new Date();
const utcHours = date.getUTCHours(); // 获取UTC小时
date.setUTCFullYear(2024); // 设置UTC年份
console.log(date.toLocaleString("en-US", { timeZone: "America/New_York" })); // 纽约时区时间

日期库推荐

复杂操作建议使用第三方库:

  • Moment.js(已停止更新,但广泛使用)
  • date-fns(模块化轻量库)
  • Day.js(Moment.js的轻量替代)
// Day.js示例
const dayjs = require('dayjs');
console.log(dayjs().format("YYYY-MM-DD HH:mm:ss"));

标签: jsdate
分享给朋友:

相关文章

js实现文件下载

js实现文件下载

使用 a 标签下载文件 通过动态创建 a 标签并设置 download 属性实现文件下载。适用于已知文件 URL 或 Blob 数据的情况。 function downloadFile(url, f…

js实现论坛

js实现论坛

实现论坛的基本功能 使用JavaScript实现一个论坛需要结合前端和后端技术。前端可以使用React、Vue或Angular等框架,后端可以选择Node.js配合Express或Koa框架。数据库可…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。…

js实现选题

js实现选题

实现选题功能的JavaScript方法 基础实现方案 使用数组存储选项,通过随机索引选取: const options = ['选项A', '选项B', '选项C', '选项D']; const r…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码…

js 实现全选

js 实现全选

实现全选功能的方法 使用 JavaScript 实现全选功能通常需要操作复选框(checkbox)的状态。以下是几种常见的实现方式。 通过 DOM 操作实现全选 // 获取全选复选框和子复选框 co…