当前位置:   article > 正文

js获取时间(一) 年月日时间,各种格式的时间_js 时间

js 时间

JavaScript 中,可以使用内置的 Date 对象来获取当前时间,并根据需要格式化成不同的时间格式。以下是获取时间、年月日和各种格式的时间的示例代码:

// 获取当前时间
let currentTime = new Date();

// 获取年份
let year = currentTime.getFullYear();

// 获取月份(注意月份是从0开始计数的,所以需要加1)
let month = currentTime.getMonth() + 1;

// 获取日期
let day = currentTime.getDate();

// 获取小时
let hours = currentTime.getHours();

// 获取分钟
let minutes = currentTime.getMinutes();

// 获取秒数
let seconds = currentTime.getSeconds();

// 获取毫秒数
let milliseconds = currentTime.getMilliseconds();

// 格式化时间为 YYYY-MM-DD
let formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;

// 格式化时间为 HH:MM:SS
let formattedTime = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;

// 格式化时间为 YYYY-MM-DD HH:MM:SS
let formattedDateTime = `${formattedDate} ${formattedTime}`;

// 格式化时间为 MM/DD/YYYY
let formattedDateUS = `${month.toString().padStart(2, '0')}/${day.toString().padStart(2, '0')}/${year}`;

// 格式化时间为 HH:MM AM/PM
let formattedTime12Hour = `${hours % 12 || 12}:${minutes.toString().padStart(2, '0')} ${hours < 12 ? 'AM' : 'PM'}`;

console.log('当前时间:', currentTime);
console.log('年份:', year);
console.log('月份:', month);
console.log('日期:', day);
console.log('小时:', hours);
console.log('分钟:', minutes);
console.log('秒数:', seconds);
console.log('毫秒数:', milliseconds);
console.log('格式化日期:', formattedDate);
console.log('格式化时间:', formattedTime);
console.log('格式化日期时间:', formattedDateTime);
console.log('格式化日期(美国格式):', formattedDateUS);
console.log('格式化12小时制时间:', formattedTime12Hour);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52

这段代码将获取当前时间,并使用不同的方法来获取年份、月份、日期、小时、分钟、秒数和毫秒数。然后,使用不同的格式化方式将时间格式化成不同的格式,包括YYYY-MM-DD、HH:MM:SS、YYYY-MM-DD HH:MM:SS、MM/DD/YYYY和HH:MM AM/PM等格式。你可以根据需要选择合适的格式化方式来获取不同的时间格式。

获取昨天、明天的日期 、获取本周、上周、下周的开始结束日期
在 JavaScript 中,可以使用 Date 对象和一些日期计算方法来获取昨天、明天的日期,以及本周、上周、下周的开始和结束日期。以下是示例代码:

// 获取昨天的日期
let yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);

// 获取明天的日期
let tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);

// 获取本周的开始日期和结束日期
let today = new Date();
let startOfWeek = new Date(today.setDate(today.getDate() - today.getDay()));
let endOfWeek = new Date(today.setDate(today.getDate() - today.getDay() + 6));

// 获取上周的开始日期和结束日期
let startOfLastWeek = new Date(startOfWeek);
startOfLastWeek.setDate(startOfLastWeek.getDate() - 7);
let endOfLastWeek = new Date(endOfWeek);
endOfLastWeek.setDate(endOfLastWeek.getDate() - 7);

// 获取下周的开始日期和结束日期
let startOfNextWeek = new Date(startOfWeek);
startOfNextWeek.setDate(startOfNextWeek.getDate() + 7);
let endOfNextWeek = new Date(endOfWeek);
endOfNextWeek.setDate(endOfNextWeek.getDate() + 7);

console.log('昨天的日期:', yesterday);
console.log('明天的日期:', tomorrow);
console.log('本周的开始日期:', startOfWeek);
console.log('本周的结束日期:', endOfWeek);
console.log('上周的开始日期:', startOfLastWeek);
console.log('上周的结束日期:', endOfLastWeek);
console.log('下周的开始日期:', startOfNextWeek);
console.log('下周的结束日期:', endOfNextWeek);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

这段代码使用 Date 对象和一些日期计算方法来获取昨天和明天的日期。然后,使用一些日期计算方法来获取本周的开始日期和结束日期。接下来,通过调整本周的开始日期和结束日期,来获取上周的开始日期和结束日期,以及下周的开始日期和结束日期。最后,将获取到的日期打印输出。你可以根据需要使用这些日期来进行进一步的处理和展示。

封装整体

当你需要频繁地获取昨天、明天的日期,以及本周、上周、下周的开始和结束日期时,可以封装一个函数来方便调用。以下是一个封装的方案示例:

function getDateRange() {
  let today = new Date();
  let yesterday = new Date();
  yesterday.setDate(yesterday.getDate() - 1);
  let tomorrow = new Date();
  tomorrow.setDate(tomorrow.getDate() + 1);
  let startOfWeek = new Date(today.setDate(today.getDate() - today.getDay()));
  let endOfWeek = new Date(today.setDate(today.getDate() - today.getDay() + 6));
  let startOfLastWeek = new Date(startOfWeek);
  startOfLastWeek.setDate(startOfLastWeek.getDate() - 7);
  let endOfLastWeek = new Date(endOfWeek);
  endOfLastWeek.setDate(endOfLastWeek.getDate() - 7);
  let startOfNextWeek = new Date(startOfWeek);
  startOfNextWeek.setDate(startOfNextWeek.getDate() + 7);
  let endOfNextWeek = new Date(endOfWeek);
  endOfNextWeek.setDate(endOfNextWeek.getDate() + 7);

  return {
    yesterday,
    tomorrow,
    startOfWeek,
    endOfWeek,
    startOfLastWeek,
    endOfLastWeek,
    startOfNextWeek,
    endOfNextWeek,
  };
}

// 调用函数获取日期范围
let dateRange = getDateRange();

console.log('昨天的日期:', dateRange.yesterday);
console.log('明天的日期:', dateRange.tomorrow);
console.log('本周的开始日期:', dateRange.startOfWeek);
console.log('本周的结束日期:', dateRange.endOfWeek);
console.log('上周的开始日期:', dateRange.startOfLastWeek);
console.log('上周的结束日期:', dateRange.endOfLastWeek);
console.log('下周的开始日期:', dateRange.startOfNextWeek);
console.log('下周的结束日期:', dateRange.endOfNextWeek);
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40

这个封装的方案定义了一个名为 getDateRange 的函数,该函数返回一个包含昨天、明天的日期,以及本周、上周、下周的开始和结束日期的对象。然后,通过调用 getDateRange 函数来获取日期范围,并将结果打印输出。你可以根据需要将这个方案集成到你的项目中,以方便地获取日期范围。

封装方案的优点:

  1. 代码复用:封装方案可以将重复的代码封装起来,使得代码更加简洁和可维护。
  2. 方便调用:封装方案可以将复杂的操作封装成一个函数,方便调用和使用。
  3. 提高可读性:封装方案可以给函数起一个有意义的名字,使得代码更加易读和易懂。

封装方案的缺点:

  1. 限制性:封装方案可能无法满足所有的使用场景,因为它是基于特定需求进行封装的。
  2. 可扩展性:封装方案可能难以扩展,特别是当需求发生变化时,可能需要修改封装方案。

使用场景:
封装日期范围的方案适用于以下场景:

  1. 需要频繁地获取昨天、明天的日期,以及本周、上周、下周的开始和结束日期。
  2. 需要在项目中多处地方使用相同的日期范围。
  3. 需要将日期范围的获取逻辑封装成一个可复用的函数。

总的来说,封装方案适用于需要复用和简化代码的场景,特别是当某个操作需要在多个地方使用时。但是在使用封装方案时,需要注意其适用性和可扩展性,确保方案能够满足当前的需求,并且能够方便地进行扩展和修改。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/292303
推荐阅读
相关标签
  

闽ICP备14008679号