文章目录

前言一、Date日期对象二 获取当前一周的日期三 获取当月的日期四 获取当月的总天数五 计算两个时间差六 距离当前日期后几天的日期七 获取星期八 获取时间字符串九 注意点

前言

本片文章主要记录一下遇到的问题，js计算当前一周的日期。感兴趣的小伙伴可以学习一下。

<code>提示：以下是本篇文章正文内容，下面案例可供参考

一、Date日期对象

Date()日期对象 是一个构造函数，必须使用new 来调用创建我们的日期对象使用Date日期对象的时候，如果里面没有放置参数，那么返回的就是系统的当前时间

二 获取当前一周的日期

要获取当前一周的日期，我们可以先计算周一的日期，然后通过for循环循环6次，就可以得到一周的时间。

getWeeks() {

let weeks = [];

let currentDate = new Date();

let day = currentDate.getDay();

if (day === '0') {

currentDate.setDate(currentDate.getDate() - 6);

} else {

currentDate.setDate(currentDate.getDate() - day + 1);

}

// 得到周一的日期

let year = currentDate.getFullYear();

let month = currentDate.getMonth() + 1 < 10 ? '0' + (currentDate.getMonth() + 1) : currentDate.getMonth() + 1;

let date = currentDate.getDate() < 10 ? '0' + currentDate.getDate() : currentDate.getDate();

weeks.push(year + '-' + month + '-' + date);

for (var i = 0; i < 6; i++) {

currentDate.setDate(currentDate.getDate() + 1);

year = currentDate.getFullYear();

month = currentDate.getMonth() + 1 < 10 ? '0' + (currentDate.getMonth() + 1) : currentDate.getMonth() + 1;

date = currentDate.getDate() < 10 ? '0' + currentDate.getDate() : currentDate.getDate();

weeks.push(year + '-' + month + '-' + date);

}

console.log(weeks);

},

三 获取当月的日期

想要获取当月的日期，其实懂得了获取当前一周的时间，就好理解了，也是先计算当月的1号，在通过for循环循环当月的总天数。

<code>init() {

let monthList = [];

let currentDate = new Date('2024-02-04');

let year1 = currentDate.getFullYear();

let month1 = currentDate.getMonth() + 1;

let totalDate = new Date(year1, month1, 0).getDate();

currentDate.setDate(1);

// 得到1号的日期

let year = currentDate.getFullYear();

let month = currentDate.getMonth() + 1 < 10 ? '0' + (currentDate.getMonth() + 1) : currentDate.getMonth() + 1;

let date = currentDate.getDate() < 10 ? '0' + currentDate.getDate() : currentDate.getDate();

monthList.push(year + '-' + month + '-' + date);

for (var i = 0; i < totalDate - 1; i++) {

currentDate.setDate(currentDate.getDate() + 1);

year = currentDate.getFullYear();

month = currentDate.getMonth() + 1 < 10 ? '0' + (currentDate.getMonth() + 1) : currentDate.getMonth() + 1;

date = currentDate.getDate() < 10 ? '0' + currentDate.getDate() : currentDate.getDate();

monthList.push(year + '-' + month + '-' + date);

}

console.log(monthList);

},

四 获取当月的总天数

new Date( 年 ，月 ，0 ).getDate() //即获取的是当月的总天数

<code>let currentDate = new Date('2024-08-04');

let year = currentDate.getFullYear();

let month = currentDate.getMonth() + 1;

let totalDate = new Date(year, month, 0).getDate();

console.log('当前月份:' + month);

console.log('当月的总天数:' + totalDate);

五 计算两个时间差

先把两个时间转化成时间戳，在将两个时间戳相减

时间戳（Timestamp）是表示特定时间点的数值，通常以自1970年1月1日00:00:00UTC（协调世界时）以来的秒数或毫秒数来表示。这个时间点被称为Unix纪元（Unix epoch）。时间戳广泛用于计算机系统中，用于记录事件发生的精确时间。

<code> created() {

this.getDiffDay('2024-02-01', '2024-03-01');

},

getDiffDay(startTime, endTime) {

let start = new Date(startTime).getTime();

let end = new Date(endTime).getTime();

console.log(start, 'start');

console.log(end, 'end');

let diffTime = Math.abs(start - end);

console.log(diffTime, 'diffTime');

let diffDay = Math.floor(diffTime / 1000 / 60 / 60 / 24);

console.log(diffDay, 'diffDay');

},

六 距离当前日期后几天的日期

<code> created() {

this.getTime(60);

},

getTime(day) {

let currentDate = new Date();

let currentYear = currentDate.getFullYear();

let currentMonth = currentDate.getMonth() + 1 < 10 ? '0' + (currentDate.getMonth() + 1) : currentDate.getMonth() + 1;

let currentDay = currentDate.getDate() < 10 ? '0' + currentDate.getDate() : currentDate.getDate();

let currentTime = currentYear + '-' + currentMonth + '-' + currentDay;

currentDate.setDate(currentDate.getDate() + day);

let year = currentDate.getFullYear();

let month = currentDate.getMonth() + 1 < 10 ? '0' + (currentDate.getMonth() + 1) : currentDate.getMonth() + 1;

let date = currentDate.getDate() < 10 ? '0' + currentDate.getDate() : currentDate.getDate();

console.log('距离' + currentTime + '后' + day + '天的日期：' + year + '-' + month + '-' + date);

},

七 获取星期

<code>/**

* @description 获取星期

* @param time {(Object|String|Number)} 时间 Sat Jan 01 2000 00:00:00 GMT+0800 (中国标准时间)

* @returns {string} 星期一

*/

export function getWeek(time) {

if (!time) {

return ''

}

const date = getDate(time)

if (!date) {

return ''

}

const weekList = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']

return weekList[date.getDay()]

}

八 获取时间字符串

/**

* @description 获取时间字符串

* @param time {(Object|String|Number)} 时间 Sat Jan 01 2000 00:00:00 GMT+0800 (中国标准时间)

* @param pattern {String} 时间输出格式 yyyy-MM-dd HH:mm:ss

* @returns {string} 2000-01-01 00:00:00

*/

export function getDateString(time, pattern = 'yyyy-MM-dd HH:mm:ss') {

const date = getDate(time)

if (!date) {

return ''

}

const yyyy = date.getFullYear()

const MM = (date.getMonth() + 1) > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1)

const dd = date.getDate() > 9 ? date.getDate() : '0' + date.getDate()

const HH = date.getHours() > 9 ? date.getHours() : '0' + date.getHours()

const mm = date.getMinutes() > 9 ? date.getMinutes() : '0' + date.getMinutes()

const ss = date.getSeconds() > 9 ? date.getSeconds() : '0' + date.getSeconds()

let dateString = ''

if (pattern === 'yyyy-MM-dd HH:mm:ss') {

dateString = yyyy + '-' + MM + '-' + dd + ' ' + HH + ':' + mm + ':' + ss

} else if (pattern === 'yyyy/MM/dd HH:mm:ss') {

dateString = yyyy + '/' + MM + '/' + dd + ' ' + HH + ':' + mm + ':' + ss

} else if (pattern === 'HH:mm:ss') {

dateString = HH + ':' + mm + ':' + ss

} else if (pattern === 'yyyy年MM月dd日') {

dateString = yyyy + '年' + MM + '月' + dd + '日'

} else if (pattern === 'yyyy-MM-dd') {

dateString = yyyy + '-' + MM + '-' + dd

}

return dateString

}

九 注意点

1.date.setDate(dayValue)

date.setDate(dayValue)：设置指定日期对象 date 的月份中的某一天。如果 dayValue 大于该月的实际天数，日期会相应地进行调整（例如，将 2 月 30 日自动调整为 3 月 1 日）

let date = new Date("2024-08-01");

date.setDate(15);

console.log(date); // 输出：Wed Aug 15 2024 00:00:00 GMT+0800 (中国标准时间)

在上面的示例中，date.setDate(15) 将日期对象 date 的天数设置为 15，这意味着日期变为了 2024 年 8 月 15 日。

2.date.setDate(-2)

1.如果你调用 date.setDate(-2)，它会将日期设置为上个月的倒数第三天。

2.例如，假设当前日期是 2024 年 8 月 1 日，那么 date.setDate(-2) 将会将日期设置为 2024 年 7 月 29 日。

let date = new Date("2024-08-01");

date.setDate(-2);

console.log(date);

3 date.setDate(0)

如果当前日期对象 date 是在当前月的第一天，即 date 对象表示的是当月的第一天，例如 2024-08-01，那么 date.setDate(0) 将会把日期设置为上个月的最后一天

<code> let date = new Date('2024-08-01');

date.setDate(0);

console.log(date);

4 getMonth获取月份需要加1

<code>let currentDate = new Date('2024-08-04');

let year = currentDate.getFullYear();

let month = currentDate.getMonth() + 1;