当前位置:首页 > JavaScript

js实现日期

2026-03-15 07:00:27JavaScript

日期对象创建与基本操作

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

const now = new Date(); // 当前时间  
const specificDate = new Date('2023-10-01'); // 字符串格式  
const timestampDate = new Date(1696137600000); // 时间戳  
const partsDate = new Date(2023, 9, 1); // 年, 月(0-11), 日  

日期格式化

通过内置方法或自定义函数格式化日期:

js实现日期

const date = new Date();  
console.log(date.toISOString()); // "2023-10-01T12:00:00.000Z"  
console.log(date.toLocaleDateString('zh-CN')); // "2023/10/1"  

// 自定义格式化  
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}`;  
}  

日期计算

使用 setget 方法进行日期加减:

js实现日期

const date = new Date();  
date.setDate(date.getDate() + 7); // 加7天  
date.setMonth(date.getMonth() - 1); // 减1个月  

// 计算日期差(毫秒)  
const date1 = new Date('2023-10-01');  
const date2 = new Date('2023-10-10');  
const diffDays = Math.floor((date2 - date1) / (1000 * 60 * 60 * 24)); // 9  

第三方库推荐

对于复杂需求,可使用以下库简化操作:

  • Moment.js(已停止维护,但广泛使用):
    moment().format('YYYY-MM-DD');  
  • date-fns(现代轻量替代):
    import { format, addDays } from 'date-fns';  
    format(new Date(), 'yyyy-MM-dd');  
    addDays(new Date(), 7);  

时区处理

使用 toLocaleString 或库处理时区:

new Date().toLocaleString('en-US', { timeZone: 'Asia/Shanghai' });  

注意事项

  • 月份从 0(1月)到 11(12月)。
  • 时间戳单位为毫秒,UNIX 时间戳需乘以 1000
  • 跨浏览器解析日期字符串时建议使用 YYYY-MM-DD 格式。

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

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Par…

js实现图表

js实现图表

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

js实现自举

js实现自举

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

链表实现js

链表实现js

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针(单向链表)或两个指针(双向链表)。与数组不同,链表在内存中非连续存储,插入和删除操作更高效,但随机…