当前位置:首页 > JavaScript

js日期实现

2026-03-13 17:22:11JavaScript

日期对象创建

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

// 当前日期和时间
const now = new Date();

// 指定时间戳(毫秒)
const timestamp = new Date(1625097600000);

// 日期字符串(注意浏览器兼容性)
const dateStr = new Date("2023-06-30T12:00:00");

// 分别指定年月日等参数(月份从0开始)
const explicitDate = new Date(2023, 5, 30, 12, 0, 0);

日期获取方法

常用获取方法返回日期各部分值:

const date = new Date();
const year = date.getFullYear();  // 四位年份
const month = date.getMonth();    // 0-11
const day = date.getDate();       // 1-31
const hours = date.getHours();    // 0-23
const dayOfWeek = date.getDay();  // 0-6(周日到周六)

// UTC时间相关方法
const utcHours = date.getUTCHours();

日期设置方法

使用对应方法修改日期对象:

date.setFullYear(2024);
date.setMonth(11);      // 设置12月
date.setDate(25);
date.setHours(23, 30, 0);  // 时可选分秒

日期格式化输出

转换为字符串的不同格式:

date.toString();       // "Fri Jun 30 2023 12:00:00 GMT+0800"
date.toDateString();   // "Fri Jun 30 2023"
date.toISOString();    // "2023-06-30T04:00:00.000Z"
date.toLocaleString(); // 本地化格式,如"2023/6/30 12:00:00"

日期计算

通过时间戳进行日期运算:

// 增加一天
const tomorrow = new Date(date.getTime() + 86400000);

// 计算日期差(天)
const diffDays = Math.floor((date2 - date1) / (1000 * 60 * 60 * 24));

第三方库推荐

对于复杂操作建议使用库:

js日期实现

  • moment.js(已停止更新但广泛使用)
  • date-fns(模块化现代库)
  • Day.js(轻量替代方案)
// Day.js示例
dayjs().add(1, 'month').format('YYYY-MM-DD');

注意事项

  • 月份范围是0-11(1月到12月)
  • 不同浏览器对日期字符串解析可能有差异
  • 时区处理需特别注意,建议使用UTC方法或库处理跨时区场景

标签: 日期js
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 // 方…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…