JavaScript高级程序设计 读书笔记之十 本地对象Date日期

《JavaScript高级程序设计》第十章讲解了JavaScript中本地对象Date日期,是JavaScript中处理日期和时间的重要工具。下面是对这一章节的完整攻略。

一、日期时间的创建和实例化

在JavaScript中,可以使用new Date()创建一个日期对象。它会默认将当前时间作为日期时间的实例。也可以传入一个表示日期的字符串或者一个表示日期时间的整数(1970年1月1日之后的毫秒数)。

下面是几个示例:

1.1 创建当前的日期

const now = new Date();
console.log(now);  // 2022-05-06T21:25:32.214Z

1.2 根据字符串创建日期

const str = "2022-05-06T21:25:32.123";
const date = new Date(str);
console.log(date);   // 2022-05-06T21:25:32.123Z

1.3 根据毫秒数创建日期实例

const ms = Date.parse("2022-05-06T21:25:32.123");
const date2 = new Date(ms);
console.log(date2);  // 2022-05-06T21:25:32.123Z

二、获取和设置日期时间的方法

Date实例提供了各种方法,用于获取和设置日期、时间、时区等信息。

2.1 获取日期信息的方法

方法名 返回值
getFullYear() 返回当前日期的年份
getMonth() 返回当前日期的月份(0-11)
getDate() 返回当前日期的天数(1-31)
getDay() 返回当前日期是一周的第几天(0-6)
getHours() 返回当前日期的小时数(0-23)
getMinutes() 返回当前日期的分钟数(0-59)
getSeconds() 返回当前日期的秒数(0-59)
getMilliseconds() 返回当前日期的毫秒数(0-999)

2.2 设置日期信息的方法

方法名 描述
setFullYear() 设置当前日期的年份,通过年份标识,且自动设置月和日
setMonth() 设置当前日期的月份(0-12)
setDate() 设置当前日期的天数(1-31)
setHours() 设置当前日期的小时数(0-23)
setMinutes() 设置当前日期的分钟数(0-59)
setSeconds() 设置当前日期的秒数(0-59)
setMilliseconds() 设置当前日期的毫秒数(0-999)

下面是一些使用示例:

2.3 获取日期信息的示例

const now = new Date();
console.log(now.getFullYear());    // 当前年份
console.log(now.getMonth());       // 当前月份
console.log(now.getDate());        // 当前日
console.log(now.getDay());         // 当前星期
console.log(now.getHours());       // 当前小时
console.log(now.getMinutes());     // 当前分钟
console.log(now.getSeconds());     // 当前秒数
console.log(now.getMilliseconds());// 当前毫秒数

2.4 设置日期信息的示例

const date = new Date();
date.setDate(8);         // 设置日期为8日
date.setMonth(10);       // 设置月份为11,即12月
date.setFullYear(2024);  // 设置年份
console.log(date);       // Fri Nov 08 2024 21:37:13 GMT+0800 (GMT+08:00)

三、日期时间的比较和转换

Date类有一些方法,可以用于日期时间的比较和转换。

3.1 比较方法

以下是比较方法的列子:

const date1 = new Date("2022-05-06T12:34:56.789");
const date2 = new Date("2022-05-06T10:20:30.400");

console.log(date1.getTime() > date2.getTime());    // true
console.log(date1.getTime() === date2.getTime());  // false

3.2 转换方法

以下是转换方法的列子:

const date = new Date("2022-05-06T12:34:56.789");

console.log(date.toDateString());         // "Fri May 06 2022"
console.log(date.toTimeString());         // "12:34:56 GMT+0800 (GMT+08:00)"
console.log(date.toISOString());          // "2022-05-06T04:34:56.789Z"
console.log(date.toLocaleDateString());   // "2022/5/6"
console.log(date.toLocaleTimeString());   // "下午12:34:56"
console.log(date.valueOf());              // 1651820096789

四、总结

以上就是本地对象Date的完整攻略。在实际应用中,我们可以通过Date对象方便地处理日期时间。了解这些方法可以帮助开发者更加高效快捷地完成项目所需功能。

注:以上示例代码中的日期时间与时区有关,可能会因为时区而出现不同的值。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript高级程序设计 读书笔记之十 本地对象Date日期 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • CSS语法与JSON、JS对象区别比较

    下面是关于“CSS语法与JSON、JS对象区别比较”的详细讲解: CSS语法 CSS(Cascading Style Sheets)是一种用于描述网页样式的语言,它与HTML结合起来,可以使网页达到更好的视觉效果。CSS样式通常是在样式表中定义的,这些样式表可以是外部样式表、内部样式表或者内联样式。 CSS的基本语法结构如下: 选择器 { 属性名1: 属性值…

    JavaScript 2023年5月27日
    00
  • bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能

    下面将为您详细讲解关于“Bootstrap Validator模态框、JSP、表单验证和Ajax提交功能”的攻略。 什么是Bootstrap Validator? Bootstrap Validator是一种 jQuery 插件,可用于验证表单。它具有与Bootstrap框架相同的外观和感觉,并且可以轻松地用于您的Bootstrap项目。 Bootstrap…

    JavaScript 2023年6月10日
    00
  • JS实现判断有效的数独算法示例

    判断有效的数独是一道常见的编程面试题,本文将介绍如何使用JavaScript实现一个有效的数独判断算法。 如何表示数独? 数独可表示为一个9×9的二维数组,其中空白单元格表示为0,已填充数字的单元格则为1至9之间的数字。 示例: const board = [ [5, 3, 0, 0, 7, 0, 0, 0, 0], [6, 0, 0, 1, 9, 5, 0…

    JavaScript 2023年5月28日
    00
  • AJAX入门之深入理解JavaScript中的函数

    下面我来详细讲解“AJAX入门之深入理解JavaScript中的函数”的完整攻略。 AJAX入门 在开始讲解 AJAX (Asynchronous Javascript And XML)之前,我们需要先了解一下 JavaScript 中的函数。 JavaScript 函数 JavaScript 函数可以分为两类,一类是声明式函数,另一类是表达式函数。 声明式…

    JavaScript 2023年5月28日
    00
  • js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

    JavaScript立即执行函数是一种特殊的函数表达式,它可以立即自动运行,而不需要在其他地方调用。在JavaScript中,我们可以使用两种不同的声明方法来创建立即执行函数。第一种是使用普通的函数声明方法,代码如下: (function() { //code to be executed immediately })(); 这种声明方法使用一个内部或匿名函…

    JavaScript 2023年5月27日
    00
  • 一文详解JSON.parse和JSON.stringify的用法

    一文详解JSON.parse和JSON.stringify的用法 什么是JSON.parse? JSON.parse()是一个JavaScript方法,用于解析JSON字符串并将其转换为JavaScript对象。该方法接受一个参数——JSON字符串,并返回一个JavaScript对象。 语法 JSON.parse(text[, reviver]); 其中: …

    JavaScript 2023年5月27日
    00
  • JavaScript把数组作为堆栈使用的方法

    JavaScript中的数组可以被视为堆栈,因为数组的方法可以像堆栈一样操作数组中的元素。在这种用法中,堆栈的最后一个元素是第一个添加进去的元素,也称之为“后进先出(LIFO)”。 数组提供了以下方法来实现堆栈的操作: push(): 向数组中添加元素,添加到数组的末尾 pop(): 从数组中移除元素,移除数组的最后一个元素 下面是一个使用数组模拟堆栈的示例…

    JavaScript 2023年5月27日
    00
  • JavaScript 字符串与数组转换函数[不用split与join]

    下面是“JavaScript 字符串与数组转换函数[不用split与join]”的完整攻略。 为什么不用split和join 在讲解字符串与数组转换函数之前,我们先来谈谈为什么要不用split和join。split和join是JavaScript中常用的字符串与数组转换函数,但是在某些场景下,特别是在大数据量时,使用这两个函数会影响效率,因此需要考虑其他的转…

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