当前位置:首页 > JavaScript

js日期实现

2026-04-05 11:43:18JavaScript

日期对象创建

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

const now = new Date();

传入特定参数创建指定日期:

const specificDate = new Date(2023, 11, 31); // 年月日(月份0-11)
const dateString = new Date("2023-12-31T00:00:00");

日期获取方法

获取日期各部分信息:

const year = now.getFullYear(); // 2023
const month = now.getMonth(); // 0-11
const day = now.getDate(); // 1-31
const hours = now.getHours(); // 0-23

获取星期几(0-6,0表示周日):

const dayOfWeek = now.getDay();

日期设置方法

修改日期各部分:

now.setFullYear(2024);
now.setMonth(5); // 6月
now.setDate(15);

日期格式化

转换为本地字符串:

now.toLocaleDateString(); // "2023/12/31"
now.toLocaleTimeString(); // "14:30:00"

自定义格式化函数:

function formatDate(date) {
  return `${date.getFullYear()}-${String(date.getMonth()+1).padStart(2,'0')}-${String(date.getDate()).padStart(2,'0')}`;
}

日期计算

时间戳计算(毫秒数):

const timestamp = now.getTime();
const tomorrow = new Date(timestamp + 86400000);

使用 Date.UTC() 处理UTC时间:

const utcDate = new Date(Date.UTC(2023, 11, 31));

第三方库推荐

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

js日期实现

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

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

相关文章

js实现倒计时

js实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时功能可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是几种常见的实现方式: 使用 setInterva…

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

js 实现分页

js 实现分页

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

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js 实现链表

js 实现链表

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