javascript学习笔记(六) Date 日期类型

这里是关于“javascript学习笔记(六) Date 日期类型”的详细攻略。

什么是 Date?

Date 是 JavaScript 中内置的一个包含日期和时间的对象,用于处理时间相关的操作。使用 Date 对象可以获取当前时间、设置指定时间、格式化日期等。

创建 Date 对象

我们可以使用以下方式创建一个 Date 对象。

new Date()

通过调用 new Date() 方法创建一个当前时间的 Date 对象。

const currentDate = new Date();

new Date(milliseconds)

通过指定时间戳(距离“1970 年 1 月 1 日 00:00:00 UTC”以来的毫秒数)创建一个 Date 对象。

const someDate = new Date(1000000000000);

new Date(dateString)

通过解析日期字符串创建一个 Date 对象。

const myBirthday = new Date('1995-03-15');

日期字符串的格式可以是各种不同的形式,例如:

  • 'March 15, 1995'
  • '15 Mar 1995'
  • '03/15/1995'

new Date(year, monthIndex [, day, hour, minute, second, millisecond])

通过指定年、月、日、时、分、秒、毫秒数来创建一个 Date 对象。注意,其中月份是从 0 开始计数(0 表示一月)。

const myBirthday = new Date(1995, 2, 15);

获取 Date 对象的值

Date 对象有多个方法可以用于获取日期和时间的不同部分。

getDate()

获取当前日期(月中的几号),返回值为 1 到 31。

const currentDate = new Date();
const currentDay = currentDate.getDate();

getMonth()

获取当前月份,返回值为 0 到 11。

const currentDate = new Date();
const currentMonth = currentDate.getMonth();

getFullYear()

获取当前年份。

const currentDate = new Date();
const currentYear = currentDate.getFullYear();

getHours(), getMinutes(), getSeconds()

获取当前时间的小时数、分钟数、秒数。

const currentDate = new Date();
const currentHour = currentDate.getHours();
const currentMinute = currentDate.getMinutes();
const currentSecond = currentDate.getSeconds();

getTime()

获取当前时间距离 1970 年 1 月 1 日 00:00:00 UTC 的毫秒数。

const currentDate = new Date();
const currentTimestamp = currentDate.getTime();

设置 Date 对象的值

Date 对象也可以通过多个方法来设置日期和时间的不同部分。

setDate()

设置日期(月中的几号)。

const currentDate = new Date();
currentDate.setDate(10);

setMonth()

设置月份,也可以指定第二个参数 day(指定月份的某一天)。

const currentDate = new Date();
currentDate.setMonth(3);

setFullYear()

设置年份,也可以指定第二个和第三个参数 monthIndex 和 day。

const currentDate = new Date();
currentDate.setFullYear(2022);

setHours(), setMinutes(), setSeconds()

设置时间的小时数、分钟数、秒数。

const currentDate = new Date();
currentDate.setHours(14);

setTime()

通过指定时间戳来设置 Date 对象的值。

const currentDate = new Date();
currentDate.setTime(500000000);

Date 对象的格式化

Date 对象可以通过多种方式进行格式化,包括将其转化为字符串:

const currentDate = new Date();
console.log(currentDate.toString()); // Sun Jul 11 2021 21:13:07 GMT+0800 (中国标准时间)

console.log(currentDate.toDateString()); // Sun Jul 11 2021

console.log(currentDate.toLocaleDateString()); // 2021-7-11

console.log(currentDate.toLocaleTimeString()); // 下午9:14:57

console.log(currentDate.toUTCString()); // Sun, 11 Jul 2021 13:14:57 GMT

注意事项

使用 Date 对象时,需要注意以下几点:

  • 在使用 new Date(year, monthIndex [, day, hour, minute, second, millisecond]) 创建 Date 对象时,月份是从 0 开始计数。
  • 在使用 new Date(milliseconds) 创建 Date 对象时,传入的参数是“距离 1970 年 1 月 1 日 00:00:00 UTC 的毫秒数”。
  • 在使用 new Date(dateString) 创建 Date 对象时,日期字符串的格式可以是各种不同的形式。

示例说明

以下是基于上述内容的两个示例:

示例一

const currentDate = new Date();
const currentYear = currentDate.getFullYear();
const currentMonth = currentDate.getMonth();
const currentDay = currentDate.getDate();

console.log(`今天是 ${currentYear} 年 ${currentMonth + 1} 月 ${currentDay} 日`);

上述代码会输出当前日期,例如 今天是 2021 年 7 月 11 日

示例二

const myBirthday = new Date(1995, 2, 15);
const currentYear = new Date().getFullYear();
const age = currentYear - myBirthday.getFullYear();

console.log(`我现在 ${age} 岁了`);

上述代码会输出当前年龄,例如 我现在 26 岁了

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript学习笔记(六) Date 日期类型 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JavaScript累加、迭代、穷举、递归等常用算法实例小结

    JavaScript累加、迭代、穷举、递归等常用算法实例小结 累加 累加即将一个数字序列中的所有数字相加。 function sum(numbers) { let result = 0; for (let i = 0; i < numbers.length; i++) { result += numbers[i]; } return result; }…

    JavaScript 2023年5月28日
    00
  • JavaScript程序中的流程控制语句用法总结

    流程控制语句是JavaScript编程中非常重要的一部分,它用于根据条件执行特定的代码。在本文中,我们将深入讨论JavaScript程序中的流程控制语句的用法汇总。 条件语句 if语句 if语句是JavaScript最常见的条件语句。它允许根据一个条件来执行代码块,同时,它可以与else语句结合使用,以提供一些备选的行为。 if语句的基本语法如下: if (…

    JavaScript 2023年5月27日
    00
  • 关于JavaScript回调函数的深入理解

    关于JavaScript回调函数的深入理解 什么是回调函数 回调函数是一种在JavaScript中常见的编程模式。它是一个函数,可以作为参数传递给其他函数,以便在其他函数完成之后执行。虽然它非常实用,但许多初学者仍然对回调函数感到困惑。 当我们在使用 JavaScript 编写异步代码时,比如在进行 Ajax 请求时,我们不能直接通过在代码中写入“等待服务器…

    JavaScript 2023年6月10日
    00
  • JavaScript数据分析之交集,并集,对称差集

    JavaScript数据分析之交集、并集、对称差集 什么是交集、并集、对称差集 在数学中,交集、并集、对称差集都是一些集合运算,这些概念同样适用于JavaScript中的数组。 交集(Intersection):找出两个数组中共同的元素,返回这些共同元素的新数组。 并集(Union):找出两个数组中所有的元素并集,返回这些元素的新数组。 对称差集(Symme…

    JavaScript 2023年5月28日
    00
  • js前端如何写一个精确的倒计时代码

    下面我将为你详细讲解JS前端如何编写一个精确的倒计时代码。 如何编写JS倒计时 步骤一:取值 我们需要先取得倒计时的结束时间,以便计算剩余时间。可以通过以下代码获取当前时间: const now = new Date().getTime(); 然后,可以通过设定一个结束时间(例如:2022年1月1日),并将其转换为时间戳: const end = new D…

    JavaScript 2023年6月11日
    00
  • 详解JS对象封装的常用方式

    关于JS对象封装的常用方式,我可以提供以下完整攻略。 一、什么是对象封装 对象封装是一种将数据和相应的方法捆绑在一起的面向对象编程技术,以实现数据封装和信息隐藏的目的,有助于提高代码的可读性、可维护性、可扩展性和代码复用性。 在JavaScript中,对象封装可以通过创建对象或构造函数等方式来实现。常用编写对象封装的方式有:对象字面量、构造函数、原型和ES6…

    JavaScript 2023年5月27日
    00
  • JS使用onerror捕获异常示例

    下面是JS使用onerror捕获异常示例的完整攻略: 什么是onerror onerror是一个钩子函数,用于在JavaScript中捕获运行时错误。当JavaScript代码发生错误时,浏览器就会触发onerror事件,这时我们可以通过该事件捕获错误,并对其进行相应的处理。 如何使用onerror 我们可以通过在全局代码中添加window.onerror事…

    JavaScript 2023年5月28日
    00
  • JS把内容动态插入到DIV的实现方法

    JS把内容动态插入到DIV的实现方法主要基于以下两种方式: 通过innerHTML属性插入HTML内容 如果想要插入一些简单的HTML元素(如文字、图片、列表等),我们可以使用innerHTML属性,将其插入到指定的DIV中。具体实现方法如下: let divElem = document.getElementById("myDiv");…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部