当前位置:首页 > JavaScript

js实现date

2026-03-15 07:43:33JavaScript

日期对象创建

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

const currentDate = new Date();

指定日期创建(年月日时分秒):

const specificDate = new Date(2023, 11, 31, 23, 59, 59); // 月份从0开始(11代表12月)

通过字符串解析日期:

const dateFromString = new Date("2023-12-31T23:59:59");

日期获取与设置

获取日期组件:

const year = currentDate.getFullYear(); // 年份
const month = currentDate.getMonth();   // 月份(0-11)
const day = currentDate.getDate();      // 当月第几天
const hours = currentDate.getHours();   // 小时

设置日期组件:

currentDate.setFullYear(2024);
currentDate.setMonth(0); // 设置为1月

日期格式化

转换为本地字符串:

const dateString = currentDate.toLocaleDateString(); // "2023/12/31"
const timeString = currentDate.toLocaleTimeString(); // "23:59:59"

自定义格式化(使用 Intl.DateTimeFormat):

const formatter = new Intl.DateTimeFormat('en-US', { 
  year: 'numeric', 
  month: 'short' 
});
console.log(formatter.format(currentDate)); // "Dec 2023"

日期计算

时间差计算(毫秒):

const date1 = new Date(2023, 0, 1);
const date2 = new Date(2023, 11, 31);
const diffInMs = date2 - date1; // 差值毫秒数
const diffInDays = diffInMs / (1000 * 60 * 60 * 24); // 转换为天数

添加/减少时间:

currentDate.setDate(currentDate.getDate() + 7); // 增加7天

第三方库推荐

处理复杂日期操作可使用以下库:

js实现date

  • Moment.js(已停止维护,但广泛使用):
    moment().add(1, 'weeks').format('YYYY-MM-DD');
  • date-fns(轻量模块化):
    import { addDays, format } from 'date-fns';
    format(addDays(new Date(), 7), 'yyyy-MM-dd');

注意事项

  • 月份范围是 0-11(0表示1月)。
  • 时区问题需注意,getHours() 返回本地时区小时数。
  • 跨浏览器解析日期字符串时建议使用 YYYY-MM-DD 格式。

标签: jsdate
分享给朋友:

相关文章

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获取 jQ…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm安…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…