当前位置:首页 > JavaScript

js 实现日期

2026-03-15 11:06:09JavaScript

日期对象创建

使用 new Date() 创建当前日期对象:

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

指定日期创建:

const specificDate = new Date('2023-10-01'); // 通过字符串  
const dateWithParams = new Date(2023, 9, 1); // 年月日(月份从0开始)

日期格式化

转换为本地字符串:

now.toLocaleDateString(); // "2023/10/1"(根据地区格式)  
now.toISOString(); // "2023-10-01T00:00:00.000Z"(ISO标准格式)

自定义格式化(需手动拼接):

const formatted = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;

日期计算

增减天数:

const tomorrow = new Date(now.getTime() + 24 * 60 * 60 * 1000); // 增加1天

计算日期差(毫秒转天数):

const diffDays = Math.floor((date2 - date1) / (1000 * 60 * 60 * 24));

日期比较

直接比较时间戳:

if (date1.getTime() > date2.getTime()) {  
  console.log("date1更晚");  
}

第三方库推荐

对于复杂操作(如时区处理),推荐使用库:

js 实现日期

  • Moment.js(已停止更新,但广泛使用):
    moment().format('YYYY-MM-DD');  
  • date-fns(模块化轻量替代):
    import { format } from 'date-fns';  
    format(new Date(), 'yyyy-MM-dd');  

注意事项

  • 月份从 0 开始(0=一月,11=十二月)。
  • 时区问题:new Date(string) 在不同浏览器中可能解析不同,建议使用 YYYY-MM-DD 格式。

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

相关文章

js实现分页

js实现分页

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

js实现文件下载

js实现文件下载

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

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

jquery日期

jquery日期

jQuery 日期处理 jQuery本身不直接提供日期处理功能,但可以结合JavaScript的Date对象或第三方库(如moment.js)来实现日期操作。以下是常见日期处理的实现方法: 获取当前…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js实现图片放大

js实现图片放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性实现图片放大效果。当鼠标悬停时,图片会平滑放大。 const img = document…