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

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…