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

获取星期几:

js实现date

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格式:

js实现date

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:

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

标签: jsdate
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swip…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Par…

js如何实现继承

js如何实现继承

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

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js轮播图实现原理

js轮播图实现原理

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