当前位置:首页 > 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实现

js实现

JavaScript 实现方法 JavaScript 是一种广泛使用的编程语言,适用于网页开发、服务器端编程以及移动应用开发。以下是几种常见的 JavaScript 实现方法: 网页交互功能 使用…

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js 实现倒计时

js 实现倒计时

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

js实现乘

js实现乘

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

js实现预览

js实现预览

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