当前位置:首页 > JavaScript

js实现date

2026-02-02 07:51:43JavaScript

日期对象创建

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

const now = new Date();

传入参数创建指定日期:

  • 字符串格式:new Date("2023-10-01")
  • 年月日时分秒:new Date(2023, 9, 1, 12, 30, 0)(月份从0开始)

日期获取方法

获取日期各部分信息:

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(周六)

日期设置方法

修改日期各部分:

date.setFullYear(2024);
date.setMonth(11);     // 设置12月
date.setDate(25);      // 设置25号

日期格式化

转换为本地字符串:

date.toLocaleDateString();    // "2023/10/1"
date.toLocaleTimeString();    // "12:30:00"
date.toLocaleString();        // "2023/10/1 12:30:00"

ISO格式:

date.toISOString();  // "2023-10-01T12:30:00.000Z"

日期计算

时间戳计算:

const timestamp = Date.now();  // 当前时间戳
const date1 = new Date(2023, 0, 1);
const date2 = new Date(2023, 11, 31);
const diff = date2 - date1;    // 毫秒差

日期库推荐

处理复杂日期操作可考虑:

  • Moment.js(传统选择)
  • date-fns(模块化)
  • Day.js(轻量替代)

示例使用Day.js:

js实现date

import dayjs from 'dayjs';
dayjs().format('YYYY-MM-DD');

标签: jsdate
分享给朋友:

相关文章

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js实现论坛

js实现论坛

实现论坛的基本功能 使用JavaScript实现一个论坛需要结合前端和后端技术。前端可以使用React、Vue或Angular等框架,后端可以选择Node.js配合Express或Koa框架。数据库可…

js实现预览

js实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含inpu…

jquery js

jquery js

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

js实现dh

js实现dh

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