当前位置:首页 > 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实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现瀑布流

js实现瀑布流

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

js jquery

js jquery

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

jquery日期

jquery日期

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

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…