当前位置:首页 > JavaScript

js日期实现

2026-01-31 19:27:07JavaScript

日期对象创建

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

const now = new Date();

通过指定参数创建特定日期:

const specificDate = new Date(2023, 11, 31); // 月份从0开始(11代表12月)
const dateFromString = new Date("2023-12-31T00:00:00");

日期获取方法

获取日期各组成部分:

const year = now.getFullYear();
const month = now.getMonth() + 1; // 0-11需要+1
const day = now.getDate();
const hours = now.getHours();
const minutes = now.getMinutes();
const seconds = now.getSeconds();
const milliseconds = now.getMilliseconds();
const dayOfWeek = now.getDay(); // 0(周日)到6(周六)

日期设置方法

修改日期组成部分:

now.setFullYear(2024);
now.setMonth(6); // 7月
now.setDate(15);
now.setHours(14);
now.setMinutes(30);

日期格式化

转换为本地字符串:

js日期实现

now.toLocaleDateString(); // "2023/12/31"
now.toLocaleTimeString(); // "14:30:00"
now.toLocaleString(); // "2023/12/31 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); // 加1天

使用日期差值:

js日期实现

const date1 = new Date(2023, 0, 1);
const date2 = new Date(2023, 11, 31);
const diffDays = Math.round((date2 - date1) / (1000 * 60 * 60 * 24));

时区处理

UTC方法(忽略本地时区):

const utcHours = now.getUTCHours();
now.setUTCHours(12);

转换为ISO格式:

const isoString = now.toISOString(); // "2023-12-31T06:30:00.000Z"

日期库推荐

对于复杂操作推荐使用第三方库:

  • Moment.js(传统选择,已停止更新)
  • date-fns(模块化现代库)
  • Day.js(轻量级Moment替代品)
  • Luxon(更强大的时区处理)

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

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

vue实现js休眠

vue实现js休眠

Vue 中实现 JavaScript 休眠 在 Vue 中实现 JavaScript 休眠通常需要使用异步方式,以避免阻塞主线程。以下是几种常见方法: 使用 setTimeout 和 Promis…

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swip…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document…

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…