当前位置:首页 > JavaScript

js date实现

2026-02-01 09:52:52JavaScript

获取当前日期和时间

使用 new Date() 创建日期对象,默认返回当前日期和时间:

const now = new Date();
console.log(now); // 输出当前日期和时间(如:2023-09-20T08:30:00.000Z)

创建指定日期

通过传递年、月、日等参数创建特定日期(月份从0开始,0表示1月):

const specificDate = new Date(2023, 8, 20); // 2023年9月20日
console.log(specificDate); // 2023-09-20T00:00:00.000Z

解析日期字符串

支持ISO 8601格式(如 YYYY-MM-DD)或其他标准格式:

js date实现

const dateFromString = new Date("2023-09-20");
console.log(dateFromString); // 2023-09-20T00:00:00.000Z

获取日期组件

通过方法获取年、月、日、星期等:

const date = new Date();
const year = date.getFullYear(); // 2023
const month = date.getMonth() + 1; // 9(月份需+1)
const day = date.getDate(); // 20
const dayOfWeek = date.getDay(); // 3(星期三,0为星期日)

设置日期组件

使用 setFullYearsetMonth 等方法修改日期:

js date实现

const date = new Date();
date.setFullYear(2024);
date.setMonth(11); // 设置为12月
console.log(date); // 2024-12-20T08:30:00.000Z

格式化日期为字符串

使用 toLocaleDateString 或自定义格式化:

const date = new Date();
console.log(date.toLocaleDateString("zh-CN")); // 2023/9/20
console.log(`${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`); // 2023-9-20

计算日期差值

通过时间戳(毫秒数)计算日期差:

const date1 = new Date(2023, 8, 1);
const date2 = new Date(2023, 8, 20);
const diffDays = (date2 - date1) / (1000 * 60 * 60 * 24);
console.log(diffDays); // 19

处理时区问题

使用 getTimezoneOffset 获取本地时区偏移(分钟):

const offset = new Date().getTimezoneOffset() / 60;
console.log(`UTC偏移:${offset}小时`); // 如 -8(东八区)

注意事项

  • 月份范围是0-11,实际月份需加1。
  • 日期对象是可变的,直接修改会影响原对象。
  • 跨浏览器解析字符串时建议使用ISO格式(YYYY-MM-DD)。

标签: jsdate
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 // 方…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js实现图表

js实现图表

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

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。 &…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text { w…