当前位置:首页 > 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), 日  

日期格式化

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

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 方法进行日期加减:

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 或库处理时区:

js实现日期

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

注意事项

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

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

相关文章

js 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与响应式…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现百叶窗

js实现百叶窗

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

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js实现路由

js实现路由

js实现路由的方法 在JavaScript中实现路由功能可以通过多种方式完成,以下是几种常见的方法: 使用原生JavaScript实现路由 通过监听window.onhashchange事件来实现基…