前端开发工程师-前端基础-JavaScript_日期和时间处理.docx

PAGE1

PAGE1

JavaScript日期和时间处理基础

1JavaScript中的Date对象

在JavaScript中，Date对象用于处理日期和时间。它提供了多种方法来获取和设置日期的各个部分，如年、月、日、时、分、秒和毫秒。Date对象可以用来创建当前日期和时间的实例，也可以创建指定日期和时间的实例。

1.1创建Date对象的方法

1.1.1创建当前日期和时间的实例

//创建当前日期和时间的Date对象实例

constnow=newDate();

console.log(now);//输出当前的日期和时间

1.1.2创建指定日期和时间的实例

//创建指定日期和时间的Date对象实例

constspecificDate=newDate(2023,11,25,10,30,45);

console.log(specificDate);//输出:2023-12-25T10:30:45.000Z

注意：月份是从0开始的，即0表示1月，1表示2月，以此类推。

1.2获取日期和时间的组成部分

1.2.1获取年份

constdate=newDate();

constyear=date.getFullYear();

console.log(year);//输出当前年份

1.2.2获取月份

constdate=newDate();

constmonth=date.getMonth();

console.log(month);//输出当前月份，从0开始

1.2.3获取日期

constdate=newDate();

constday=date.getDate();

console.log(day);//输出当前日期

1.2.4获取小时

constdate=newDate();

consthours=date.getHours();

console.log(hours);//输出当前小时

1.2.5获取分钟

constdate=newDate();

constminutes=date.getMinutes();

console.log(minutes);//输出当前分钟

1.2.6获取秒

constdate=newDate();

constseconds=date.getSeconds();

console.log(seconds);//输出当前秒

1.2.7获取毫秒

constdate=newDate();

constmilliseconds=date.getMilliseconds();

console.log(milliseconds);//输出当前毫秒

1.3设置日期和时间的组成部分

1.3.1设置年份

constdate=newDate();

date.setFullYear(2024);

console.log(date);//输出:2024年当前的日期和时间

1.3.2设置月份

constdate=newDate();

date.setMonth(1);//设置为2月

console.log(date);//输出:当前年份的2月当前的日期和时间

1.3.3设置日期

constdate=newDate();

date.setDate(10);

console.log(date);//输出:当前年份和月份的10号

1.3.4设置小时

constdate=newDate();

date.setHours(12);

console.log(date);//输出:当前日期的12点

1.3.5设置分钟

constdate=newDate();

date.setMinutes(30);

console.log(date);//输出:当前日期和小时的30分钟

1.3.6设置秒

constdate=newDate();

date.setSeconds(45);

console.log(date);//输出:当前日期、小时和分钟的45秒

1.3.7设置毫秒

constdate=newDate();

date.setMilliseconds(500);

console.log(date);//输出:当前日期、小时、分钟和秒的500毫秒

2日期和时间的格式化

JavaScript的Date对象提供了多种方法来格式化日期和时间，但这些方法通常输出的是基于本地时区的日期和时间。为了更灵活地格式化日期和时间，可以使用Intl.Date