JavaScript 日期操作我不知道的事情

最新推荐文章于 2024-04-08 22:03:49 发布
最新推荐文章于 2024-04-08 22:03:49 发布
阅读量349 收藏 1
点赞数 1
分类专栏： 日常 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31005257/article/details/108658054
版权

平时对 Date 很多内容都一知半解，每次一用到 Date 就需要查资料，着实恼火。
故此文记录关于 JS 日期操作那些我不知道的事。

基础问题

Date.prototype.getTime() 返回的数字是什么？

官方对getTime 函数对定义是

The getTime() method returns the number of milliseconds* since the Unix Epoch

getTime() 函数返回从 Unix Epoch 开始到当前 Date 所指时间经过的毫秒数。

Unix Epoch 是什么呢？

1970年1月1日（UTC/GMT的午夜）

所以 getTime() 返回的数字是从 1970年1月1日0时0分0秒开始到当前 Date 对象所指时间所经过的毫秒数。

例如：

getTime() 和你所在的时区也有关系，我国的标准时间是北京时间，在东八区，所以比英国格林威治时间（GMT）的 0 时区晚 8 个小时。所以我定义的 1970年1月1日使用 getTime 函数得到 -2880000,即 8 小时。

GMT 和 UTC 是什么，有什么区别？

GMT（格林尼治标准时间） 和 UTC（协调世界时） 是计算世界时间的两种标准。

GMT 根据地球的自转和公转来计算时间，也就是太阳每天经过位于英国伦敦郊区的皇家格林威治天文台的时间就是中午12点。UTC是根据原子钟来计算时间，目前世界上最精确的原子钟50亿年才会误差1秒。因为地球的自传正在缓速变慢，会导致 GMT 计算有误差，所以 UTC 比 GMT 更加精确。UTC 时间被认为能与GMT 时间互换，但 GMT 时间已不再被科学界所确定。

PS:两个都是 0 时区的时间，例如：UTC +8 = 北京时间。

Date.getMonth() 为什么要从 0 开始

谁能想到这是 Java 埋的坑，因为 Javascript 的 Date 实现方案是 JDK1.0 的方案，所以坑也一样。
Javascript 之父用一句 Make It Look Like Java 调侃了这个坑也告诉了我们答案。

问题来了，Java 获取月份为什么要从 0 开始呢？

  • 说法 1: 可能是因为旧的 C 语言日期 API 是这样的，那么旧的 C 语言日期 API 为什么是这样呢？…不套娃了。
  • 说法 2:计算机里面所有东西都从 0 开始
  • 说法 3:从 0 开始做月份计算更加容易

例如 12 月的下一个月份是 1 月，不过为了计算出 1 月你会做以下计算：

12 + 1 = 13 // 13 月是哪个月?

我们可以用 12 取余快速修复上面的问题

(12 + 1) % 12 = 1

但是当遇到 11 月的时候…

(11 + 1) % 12 = 0 // 0 月是哪个月?

您可以在添加月份之前先减去1，然后再进行取余运算，最后再加1，就可以修复上面的问题…也可以解决这个“基本问题”。

((11 - 1 + 1) % 12) + 1 = 12 // 许多神奇的数字！

现在我们来看看如果月份的数字是 0 - 11，会有什么问题？

(0 + 1) % 12 = 1 // February
(1 + 1) % 12 = 2 // March
(2 + 1) % 12 = 3 // April
(3 + 1) % 12 = 4 // May
(4 + 1) % 12 = 5 // June
(5 + 1) % 12 = 6 // July
(6 + 1) % 12 = 7 // August
(7 + 1) % 12 = 8 // September
(8 + 1) % 12 = 9 // October
(9 + 1) % 12 = 10 // November
(10 + 1) % 12 = 11 // December
(11 + 1) % 12 = 0 // January

所有月份的表现一致，无需较复杂的解决方案。

时间戳是什么？

常指 unix 时间戳，上文提到过：从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数。
获取时间戳的代码：

Math.round(new Date().getTime()/1000)

常用方法

定义时间的方法

传入时间格式的字符串

new Date('September 11, 1995 03:24:00')
new Date('1995-09-11T03:24:00')
new Date('Mon Sep 11 1995')

不同的浏览器实现有差异，强烈不建议使用字符串初始化/解析日期。建议使用传入数字初始化日期对象。相同的浏览器针对不同的定义方式也有些许差异。

例子1：

new Date(Date.parse("Jul 8, 2005"));//Fri Jul 08 2005 00:00:00 GMT+0800 (China Standard Time)
new Date(Date.parse("2005-07-08"));//Fri Jul 08 2005 08:00:00 GMT+0800 (China Standard Time)

例子2:在 2020年以前的，Firefox 和 Chrome 针对以下代码实现有差异。

Date.parse('1970-01-01T00:00:00Z');       // Chrome: 0         FF: 0
Date.parse('1970-01-01T00:00:00-0500');   // Chrome:18000000  FF: 18000000
Date.parse('1970-01-01T00:00:00');        // Chrome: 0 FF: -28800000

传入多个时间单位的数字

new Date(1995, 8, 11)//注意，月份需要减 1，例如定义 9 月，第二个月份参数需要传 8
new Date(1995, 8, 11, 3, 24, 0)

传入 Unix 时间戳

new Date(810761040000) //Mon Sep 11 1995 03:24:00 GMT+0800 (China Standard Time)

时间的加减法

减法

首先，需要将你的日期转化为 Date 对象，然后直接使用加减符号计算差。得到的结果是和或差的毫秒数，再将毫秒转化成你需要的格式。例如 2020-01-01 和 2020-01-02 差多久？

new Date(2020,0,2)-new Date(2020,0,1)//86400000[ms]

如果结果是要计算差多少天，即是 86400000 除以 1000得到秒数，再除以 60 得到分钟数，以此类推。

86400000/1000/60/60/24 //1

加法

两个 Date 相减能得到毫秒，那理所当然地某个 Date 加上毫秒数就可以等于另一个日期了。例如 2020-01-01 加上 86400000 毫秒，就等于 2020-01-02
No！No！No！

new Date(2020,0,1)+86400000 
//Wed Jan 01 2020 00:00:00 GMT+0800 (China Standard Time)86400000

我还是太年轻了，跨类型的两个对象，强行加在一起，不甜。

1.转换成数字相加

将 new Date(2020,0,1) 转换成毫秒，来到整形的世界，快乐地计算。

(new Date(2020,0,1).getTime()+86400000) 
//Thu Jan 02 2020 00:00:00 GMT+0800 (China Standard Time)
2.使用 JS 内置方法

加减年、月、日、时、分、秒。例如：

var date=new Date(2020,0,1);
date.setDate(date.getDate()+1)
//date:Thu Jan 02 2020 00:00:00 GMT+0800 (China Standard Time)

不同的时间单位的加法使用的方法不同，可以根据下表选择对应的方法。

单位获取时间设置时间例子
秒getSecondssetSecondsdate.setSeconds(date.getSeconds()+1)
分getMinutessetMinutesdate.setMinutes(date.getMinutes()+1)
时getHourssetHoursdate.setHours(date.getHours()+1)
日getDatesetDatedate.setDate(date.getDate()+1)
周setFullYeargetFullYeardate.setFullYear(date.getFullYear() + x)
月getMonthsetMonthdate.setMonth(date.getMonth()+1)
年setFullYeargetFullYeardate.setFullYear(date.getFullYear() + x)

比较时间的大小

获取毫秒数，进行数字大小的比较。

new Date(2020,0,1).getTime()>=new Date(2020,0,1).getTime() //true

获取不同格式的当前时间

toString()

new Date().toString();
//Fri Sep 18 2020 00:18:59 GMT+0800 (China Standard Time)"

toLocaleString()

new Date().toLocaleString();
// 9/18/2020, 12:18:16 AM

toUTCString()/toGMTString()

new Date().toUTCString();
new Date().toGMTString();
//Thu, 17 Sep 2020 16:10:04 GMT

GMT 已经不被推荐使用了，原因在上文提到过：UTC 比 GMT 精确。

toISOString()

new Date().toISOString();
//2020-09-17T16:20:06.419Z

返回 ISO 格式 (ISO 8601)的日期。

ISO 格式日期的规则是生成格式为 YYYY-MM-DDTHH:mm:ss.sssZ 或者 ±YYYYYY-MM-DDTHH:mm:ss.sssZ 的24 位到 27 位字符串。

YYYY-MM-DDTHH:mm:ss.sssZ 里面的 T 是分隔日期和时间的符号。

YYYY-MM-DDTHH:mm:ss.sssZ 里面的 Z 是时区的占位符，可以不写时区用 Z 代替是 0 时区，也可以使用 2020-09-17T00:20:06+08:00 代表东八区。

资料

秦一scar
关注
专栏目录
Javascript
weixin_43460646的博客
08-14 1073
本博客主要为黑马程序员网课中关于 JS 模块（网课在下面有介绍）所整理记录的学习笔记，仅作学习用途，如有侵权，烦请联系本人侵删。同时感谢黑马老师们的辛苦教导付出，如有不足之处，欢迎各位小伙伴、官老爷们多多提意见或建议，感谢！ JS入门到精通、DOM BOM操作、jQuery案例精讲、AJAX node.js webpack git一套全覆盖 一、JS基础 了解变量、数据类型、运算符等基础概念，能够实现数据类型的转换，结合四则运算体会如何编程。 体会现实世界中的事物与计算机
使用cURL和JavaScript操作线上Airtable API图文详解
小青蛙的博客
05-26 1585
带有cURL和JavaScript的Airtable API教程 如果您正在寻找一种快速简便的方式来保存应用程序数据，那么Airtable就是您的最佳选择。Airtable基本上是一个像数据库一样的Excel工作表，具有大量的灵活性和用于检查/创建数据的GUI。 目录 基础入门 API Postman中带有HTTP请求的CRUD操作 使用JavaScript进行CRUD操作 小结 最近，我已经将Airtable用作我的一些演示应用程序的数据库，我喜欢它。例如，还有其他一些不错的选择，例如Firebas
Date对象
JiangJunDriver的博客
11-24 639
概述Date对象是JavaScript提供的日期和时间的操作借口。他可以表示的时间范围是，1970年1月1日 00:00:00前后各一亿天（单位为毫秒）。Date对象可以作为普通函数直接使用，返回一个代表当前时间的字符串。Date() // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"注意，即使带有参数，Date作为普通函数使用时，返回的函数当前的时间。Date
js的基础、内置函数、语法结构
m0_67883007的博客
01-05 93
这个值的语义是，希望表示一个变量最原始的状态，而非人为操作的结果。num + ""，当+两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串。setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。filter方法，用于创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
toLocaleString函数的使用
lyx1838102537的博客
05-09 582
1. 当object 为 数组对象（Array）时，则将每个数组元素转换为字符串，并将这些字符串之间以指定的分隔符拼接起来后返回，分隔符由当前宿主环境的当前区域设置决定(在中国大陆，分隔符一般为英文逗号)。2.当object 为 时间/日期对象（time/date）时,返回一个以当前区域设置的长默认格式编写的日期字符串(不同的区域设置和语言设置，执行的输出结果可能不同)。由于所有的对象都"继承"了Object的对象实例，因此几乎所有的实例对象都可以使用该方法。// "2019/4/8 下午2:45:00"
Js各种时间转换问题（YYYY-MM-DD 时间戳 中国标准时间）
热门推荐
qq_41867900的博客
08-31 4万+
JS各种时间类型的转换
JavaScript中的toLocaleString()方法你知道吗？
你是我修复不了的bug，但我会用一生去维护
02-16 3108
JavaScript中的totoLocaleString()方法你知道吗？ 前言 在看到一个需求(面试题)，如果将一串数字每隔三位利用’,'进行分隔，也就是我们所说的数字千分位格式。在我想如何实现的时候，totoLocaleString()这个函数进入了我的视野，它能轻松的将一串数字轻松转成千分位格式。但这个函数实在是陌生，我就去了解了一下，却发现了这个函数神奇的用途，下面就简单总结一下 简单介绍 totoLocaleString()方法是用于返回格式化对象后的字符串，该字符串格式因语言不同返回值也会不同（
JavaScript网页编程
m0_73198722的博客
09-24 2004
JS基础语法
JavaScript
pengjianglilive的专栏
08-02 911
为什么学习 JavaScript? JavaScript 是 web 开发人员必须学习的 3 门语言中的一门： HTML定义了网页的内容 CSS描述了网页的布局 JavaScript控制了网页的行为 阅读本教程前，您需要了解的知识： 阅读本教程，您需要有以下基础： HTML 教程 CSS 教程 JavaScript简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 ...
JavaScript面向对象精要
前端博客典中典
01-22 517
JavaScript面向对象精要JavaScript面向对象精要1.原始类型和引用类型1.1 什么是类型1.2 原始类型鉴别原始类型原始方法1.3 引用类型创建对象对象引用解除添加删除属性1.4 内建类型实例化字面形式1.5 访问属性1.6 鉴别引用类型1.8 原始封装类型1.9 总结2. 函数2.1 声明还是表达式2.2 函数就是值2.3 参数2.4 重载2.5 对象方法2.5.1 this 对象2.5.2 改变 this2.6 总结3.理解对象3.1 定义属性3.2 属性探测3.3 删除属性3.4 属性
无涯教程-toLocaleString()函数
无涯教程
02-03 348
此方法使用环境的语言环境将数字对象转换为表示该数字的人类可读字符串。
JS - toLocaleString() 方法
最新发布
weixin_45871977的博客
04-08 2484
JS-toLocaleString()方法
tolocalestring()详解
qq_38796823的博客
04-01 735
JS 中 `toLocaleString`妙用_hjb2722404的博客-CSDN博客_js tolocalestring缘起kaven老师分享了一个数值取整的方法，即利用按位非操作符（~）进行取整：var a = 1.5;console.log(~~a); // 1但是这种方法有点限制就是它只能进行向下取整，无法实现四舍五入。所以就想到了toLocaleString() 方法，利用它可以巧妙第实现数值的四舍五入取整。利用toLocaleString取整我们直接上代码：var a = 1.5;consol
Javascript toString()、toLocaleString()、valueOf()三个方法的区别
djq94496的博客
07-23 534
　　Array、Boolean、Date、Number等对象都具有toString()、toLocaleString()、valueOf()三个方法，那这三个方法有什么区别？？？ 一、JS Array 　　例子： var array = new Array("niu","li","na"); console.log(array.valueOf()); console.log...
js toLocaleString也太好用了吧！（超方便转千分位，中文数字等）
一个有思想的新时代农民工的博客
02-20 1538
前端金额转千分位还在自己转吗？像下面这样？这就有点了，有更好的工具方法，那就是 toLocaleString目前，我查找了一下，下面三种数据类型都可以使用的方法number.toLocaleString([locales [, options]])：返回这个数字在特定语言环境下的表示字符串array.toLocaleString([locales [, options]])：返回一个字符串表示数组中的元素。
JS--toLocaleString() 或 toISOString()方法年月日格式转换
jessica_zhu96的博客
10-30 3814
用new Date()拿到时间后，希望月份跟天小于10，则在前面补上0，之前我们会用到它里面自带的api去拿到年月，再去判断是否小于10，这样的做法比较麻烦，但是toLocaleString()则会让这个格式变得很简单 以前 let time1 = new Date('2019-9-6') let y = time1.getFullYear() let m = time1.getM...
Date对象用于处理日期与时间
qq_42238554的博客
03-01 1303
Date 对象用于处理日期与时间。 创建 Date 对象： new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateString); var d = new Date(year, month, day, hours, minutes, seco...
toLocaleString()的使用
weixin_45066195的博客
08-10 853
** toLocaleString()的使用 ** 1.数字 var a = 123456789; console.log(a.toLocaleString()); 效果：整数部分，每三位加一个逗号。 2.将数字转换为百分比 var b = 0.6; console.log(b.toLocaleString('zh',{style:'percent'})) 3.根据本地时间把 Date 对象转换为字符串 var d=new Date(); console.log(d.toLocaleString()
Javascript toLocaleString()用法指南
tjhwa的博客
02-01 678
网页前端关于数字、日期等格式的处理
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值