当前位置:首页 > JavaScript

js实现日期

2026-04-07 00:31:21JavaScript

日期对象创建

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

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

指定日期创建对象:

const specificDate = new Date('2023-10-01'); // 字符串格式  
const customDate = new Date(2023, 9, 1); // 月份从0开始(9表示10月)

日期格式化

转换为本地字符串:

js实现日期

console.log(now.toLocaleDateString()); // "2023/10/1"(格式因地区而异)  
console.log(now.toLocaleTimeString()); // "14:30:00"  

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

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

日期计算

增减天数:

js实现日期

const tomorrow = new Date(now);  
tomorrow.setDate(now.getDate() + 1); // 增加1天  

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

const diffMs = new Date('2023-10-10') - now;  
const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));  

日期比较

直接比较时间戳:

const isLater = new Date('2023-10-10') > now; // true 或 false  

第三方库推荐

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

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

注意事项

  • 月份从 0 开始(0 表示一月)。
  • 时区问题需谨慎处理,建议使用 toISOString() 或库函数统一时区。

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

相关文章

js实现图片放大缩小

js实现图片放大缩小

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

js 实现分页

js 实现分页

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

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…