JS中Date的常用方法

简介: 内置对象DateDate对象在实际开发中,也使用得非常频繁,它是一个内置对象,用于表示日期和时间。Date是用来处理日期和时间的对象,但是与Math对象不同的是:Date是一个构造函数,需要实例化之后才能使用。

内置对象Date

Date对象在实际开发中,也使用得非常频繁,它是一个内置对象,用于表示日期和时间。

Date是用来处理日期和时间的对象,但是与Math对象不同的是:Date是一个构造函数,需要实例化之后才能使用。

接下来第一步:创建Date对象

创建Date对象

创建Date对象有两种方法:

  • 创建时不传参数:
    在不传递参数的情况下,最后创建的结果是返回系统当前的时间对象
    var date = new Date(); console.log(date); // Wed Sep 28 2022 18:06:49 GMT+0800 (中国标准时间) console.log(typeof date); // object
  • 创建时传递参数:
    传递参数时表示创建指定时间的对象,参数可以是字符串,也可以是数字,还可以是时间戳。我们按照传递参数的类型来分别讲解。
  1. 参数为字符串
    var date = new Date("2022-09-28 18:06:49"); var date = new Date("2022/09/28 18:06:49"); var date = new Date("2022-09-28T18:06:49"); var date = new Date("2022/09/28T18:06:49"); var date = new Date("2022-09-28"); var date = new Date("2022/09/28"); var date = new Date("2022-09-28T00:00:00"); var date = new Date("2022/09/28T00:00:00");

通过上面的代码,我们可以看到在将时间字符串作为参数传入的时候,我们要遵循的格式就是:年月日  具体时间,其中年月日之间使用-或者/连接,具体时间使用:连接;年月日和具体时间的连接可以使用空格隔开或者T隔开。

  1. 参数为多个数字
    var date = new Date(x,y,z,a,b,c,d);
  • x:表示年份,必须传递,否则会报错
  • y: 表示月份,从0开始,0表示1月,1表示2月,以此类推,如果不传递,默认为0
  • z: 表示日期,如果不传递,默认为1
  • a: 表示小时,如果不传递,默认为0
  • b: 表示分钟,如果不传递,默认为0
  • c: 表示秒,如果不传递,默认为0
  • d: 表示毫秒,如果不传递,默认为0

多个参数之间我们使用逗号间隔,如果不传递的参数,会使用默认值(年份除外,年份必须传参)。

  1. 参数为时间戳
    var date = new Date(时间戳);

日期的格式化

在实际开发中,我们经常需要将日期格式化,比如:将日期格式化为:2022-09-28 18:06:49,这个时候我们就需要使用到Date对象的format方法。

或者我们需要获取日期的指定部分,这个时候就需要用到Date对象自带的方法了。

Date对象自带的方法

方法名 含义 备注
getFullYear() 获取年份
getMonth() 获取月:0-11 0代表一月
getDate() 获取日:1-31
getDay() 获取星期:0-6 0代表周日;1代表周一
getHours() 获取小时:0-23
getMinutes() 获取分钟:0-59
getSeconds() 获取秒:0-59
getMilliseconds() 获取毫秒 1s = 1000ms

获取时间戳

什么是时间戳呢?

时间戳就是从格林威治标准时间的1970年1月1日,0时0分0秒到当前日期所花费的毫秒数(1秒 = 1000毫秒)。

那为什么需要时间戳呢?

这是因为在计算机中,时间是以数字的形式存储的,而不是以字符串的形式存储的,所以我们需要将时间转换为数字,这个数字就是时间戳。

而时间戳的存在就是为了统一时间的单位。

如何获取时间戳呢?

下面集中常见的方法:

  • +new Date():获取当前时间的时间戳
    value = +new Date();
  • Date对象的getTime方法
    var date = new Date();
  • Date对象的valueOf方法
    var date = new Date();

这三种方法都可以获取当前时间的时间戳。使用频率从上往下一次递减。


相关文章
|
14天前
|
JavaScript 前端开发
JavaScript遍历数组和对象常用方法总结
以上代码展示了数组和对象的多种遍历方法。对于数组,使用了传统的 `for` 循环、`for...in` 和 ES6 的 `for...of` 进行遍历;对于对象,则通过 `for...in`、`Object.keys()`、`Object.values()` 和 `Object.entries()` 来获取键值对。`for...of` 循环适用于遍历具有迭代协议的数据结构,如数组、字符串等,而对象遍历则更多地依赖于 `Object` 方法来获取其属性集合。
JavaScript遍历数组和对象常用方法总结
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
13 2
JavaScript基础知识-方法
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
9 1
JavaScript基础知识-数组的常用方法
|
13天前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
13天前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法
|
7天前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法
|
14天前
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数:`item`(数组项的值)、`index`(项的位置,可选)和`array`(数组本身,可选)。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
|
11天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
36 0
|
11天前
|
移动开发 前端开发 JavaScript
前端表单验证的完美攻略:HTML5属性与JavaScript方法的无缝对接,让你的Web应用数据输入既安全又优雅
【8月更文挑战第31天】本文介绍前端表单验证的重要性及其实现方法,利用HTML5的内置属性如`required`、`pattern`和`minlength`进行基本验证,并借助JavaScript处理复杂逻辑,如密码确认。通过示例代码详细展示了如何结合两者实现高效且友好的表单验证,同时使用CSS增强用户体验。此方法简化开发流程并提升验证效果。
19 0
|
18天前
|
SQL JavaScript 前端开发
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题