当前位置:首页 > JavaScript

js日期实现

2026-03-13 17:22:11JavaScript

日期对象创建

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

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

// 指定时间戳(毫秒)
const timestamp = new Date(1625097600000);

// 日期字符串(注意浏览器兼容性)
const dateStr = new Date("2023-06-30T12:00:00");

// 分别指定年月日等参数(月份从0开始)
const explicitDate = new Date(2023, 5, 30, 12, 0, 0);

日期获取方法

常用获取方法返回日期各部分值:

js日期实现

const date = new Date();
const year = date.getFullYear();  // 四位年份
const month = date.getMonth();    // 0-11
const day = date.getDate();       // 1-31
const hours = date.getHours();    // 0-23
const dayOfWeek = date.getDay();  // 0-6(周日到周六)

// UTC时间相关方法
const utcHours = date.getUTCHours();

日期设置方法

使用对应方法修改日期对象:

date.setFullYear(2024);
date.setMonth(11);      // 设置12月
date.setDate(25);
date.setHours(23, 30, 0);  // 时可选分秒

日期格式化输出

转换为字符串的不同格式:

js日期实现

date.toString();       // "Fri Jun 30 2023 12:00:00 GMT+0800"
date.toDateString();   // "Fri Jun 30 2023"
date.toISOString();    // "2023-06-30T04:00:00.000Z"
date.toLocaleString(); // 本地化格式,如"2023/6/30 12:00:00"

日期计算

通过时间戳进行日期运算:

// 增加一天
const tomorrow = new Date(date.getTime() + 86400000);

// 计算日期差(天)
const diffDays = Math.floor((date2 - date1) / (1000 * 60 * 60 * 24));

第三方库推荐

对于复杂操作建议使用库:

  • moment.js(已停止更新但广泛使用)
  • date-fns(模块化现代库)
  • Day.js(轻量替代方案)
// Day.js示例
dayjs().add(1, 'month').format('YYYY-MM-DD');

注意事项

  • 月份范围是0-11(1月到12月)
  • 不同浏览器对日期字符串解析可能有差异
  • 时区处理需特别注意,建议使用UTC方法或库处理跨时区场景

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

相关文章

react中monent如何获取日期

react中monent如何获取日期

使用 Moment.js 获取当前日期 在 React 中通过 Moment.js 获取当前日期,可以直接调用 moment() 函数。它会返回包含当前日期和时间的 Moment 对象。 impor…

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:…

js实现瀑布流

js实现瀑布流

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

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…