js中日期Date的使用

日常搬砖过程中,凡事使用到Date总是一知半解,每次都要查阅资料,今天有时间把这里整理一下,希望今天储备的知识,够以后使用就不用查阅资料了哈,现在开始吧

  • new Date()

使用它可以创建一个日期实例,并返回代表当前时间的字符串

接收参数有5种形式

  1. 无参数,新创建的 Date 对象代表当前的日期和时间

  2. 时间戳值,例如: new Date(1715136443087)

  3. 日期字符串 new Date(“December 17, 1995 03:24:00”); // 不被鼓励,可能不会在所有运行时环境 new Date(“1995-12-17T03:24:00”); // 这是符合 ISO-8601 标准的,将可靠地工作

  4. 日期对象 一个现有的 Date 对象。这实际上是在现有的 Date 对象上复制了一个相同的日期和时间。

  5. 日期和时间组件的单独值, new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds) 例如: new Date(2020, 5, 19, 25, 65) 将返回 2020 年 6 月 20 日凌晨 2:05。

以上都可生成一个日期对象,但有时我们也会遇到只有一个Date(),这种形式,我们分别打印一下返回值,发现Date()生成的是一个类时间对象的字符串,区别要记牢.

  • 如何获取时间戳
  1. 获取当前的时间戳
 Date.now()  
  1. valueOf: 该方法返回日期的毫秒表示,可以方便时间的比较,该方法返回的毫秒数精确到毫秒。
new Date().valueOf()
  1. Number: 返回表示日期的毫秒数,与valueOf()返回的值相同,也精确到毫秒数。
Number(new Date())
  1. getTime: 返回表示日期的毫秒数,与valueOf()返回的值相同,也精确到毫秒数。
 new Date().getTime()
  • Date.parse: 该方法接受一个表示日期的字符串参数,然后尝试根据这个日期返回日期的毫秒数。ECMA-262没有定义该方法支持哪种日期格式,因此这个方法的行为因为浏览器实现而异。如果传入字符串不能表示日期,那么它会返回NaN。该方法返回的毫秒值后三位全为0,精确到秒数,没有毫秒数。
 Date.parse(date)
  • 根据时间对象获取指定时间
 let date = new Date()

返回该日期对象的字符串,该字符串格式因不同语言而不同

 date.toLocaleString() // '2024/5/8 11:21:56'

返回指定日期对象日期部分的字符串,该字符串格式因不同语言而不同

date.toLocaleDateString()  // '2024/5/8'

返回日期对象对应的年、月、日、时、分、秒、毫秒、星期几

date.getFullYear() // 2024
date.getMonth() // 4
date.getDate() // 8 日期
date.getDay() // 3 星期
date.getHours() // 11
date.getMinutes() // 21
date.getSeconds() // 56
date.getMilliseconds() //217
  • 时间处理的几个方法

获取两个时间相差多少天

 function betweenDate(date1, date2){let oneDay = 1000*60*60*24return Math.round((date1-date2)/oneDay)
}let date1 = new Date('2024-05-08')
let date2 = new Date('2024-04-08')
betweenDate(date1, date2) // 30

格式化指定的时间

function getDateTime(date, format){const map = {YY: date.getFullYear(),MM: date.getMonth()+1,DD: date.getDate(),HH: date.getHours(),mm: date.getMinutes(),ss: date.getSeconds()}return format.replace(/YY|MM|DD|HH|mm|ss/g, key => {return ('0' + map[key]).slice(-2)})
}
let now = new Date()
getDateTime(now, 'YY-MM-DD HH:mm:ss')  //'24-05-08 15:55:34'

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/8313.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Qt绘制箭头

Qt绘制箭头 接收两个点作为向量的两端,用来确定箭头方向,额外添加参数,确定箭头是否和向量一致 然后使用fillPath填充箭头 QPainterPath arrowPath(const QPointF& p1, const QPointF& p2, int direct 0, int endIndex 0, int ar…

智慧监控 高效运维

随着企业IT建设的不断深入和完善,IT管理的重要性逐渐被重视,打通数据割裂,使业务更加充分融合。亟需一套统一的平台来实现跨品牌跨设备类型的集中监控和管理。 LinkSLA带外监控平台,不仅适用于大规模或超大规模的运维场景&#x…

量化交易的优势和QMT、Ptrade开通流程

量化交易没有一个精确的定义,广义上可以认为,凡是借助于数学模型和计算机实现的交易方法都可以称为量化交易。 量化交易的基本原理是通过计算机方法对海量的股票市场历史数据进行分析,总结出一些能够带来持续收益的交易因子。根据这些因子编…

Tomcat添加服务以及设置开机自启

下载地址连接 Index of /dist/tomcat👓 注意点:不要出现中文路径 #环境变量CATALINA_HOME=D:\apache-tomcat-7.0.62 TOMCAT_HOME=D:\apache-tomcat-7.0.62 JAVA_HOME=D:\tool\jdk1.8.0_111 PATH=%CATALINA_HOME%\bin;%CATALINA_HOME%\lib;%CATALINA_HOME%\lib;D:\tool\jdk1.…

将数据结构和流程可视化——E-R图和DFD图

通过程序处理数据时,不仅可以将数据保存到文件,还可以将其保存到数据库中。在数据库中数据是以表格形式保存的,但并不是只有一个表格,而是多个表格进行保存,因此数据更易于管理,即使变更数据,也…

Spring MVC(一)

1 Spring MVC概述 我们在之前学习Servlet的时候,认识了在WEB开发中MVC设计模式,其最为经典的设计就是,通过控制器(Controller)分离模型(Model)和视图(View)。在具体的WEB…

Redis进阶学习

Redis进阶学习 一、Redis事务1.2 Redis监控1.3 Jedis连接1.4 SpringBoot整合1.5 自定义RedisTemple1.6 Redis.conf详解 二、 Redis持久化2.1 RDB2.2 AOF进程 三、Redis发布订阅3.1 Redis主从复制3.2 集群环境配置3.3、复制原理3.4、宕机后主动变为主机3.5、哨兵模式 四、Redis缓…

【ITK配准】第七期 尺度(Metric)-基匹配Metric

很高兴在雪易的CSDN遇见你 VTK技术爱好者 QQ:870202403 公众号:VTK忠粉 前言 本文分享ITK中的基匹配Metric,即itk::MatchCardinalityImageToImageMetric ,希望对各位小伙伴有所帮助! 感谢各位小伙伴的点赞+关注,小易会继续努力分享,一起进步! 你的点赞就是我…

【算法刷题day45】卡码网:70. 爬楼梯(进阶版);Leetcode:322. 零钱兑换、279. 完全平方数

文章目录 Leetcode 70. 爬楼梯(进阶版)解题思路代码总结 Leetcode 322. 零钱兑换解题思路代码总结 Leetcode 279. 完全平方数解题思路代码总结 草稿图网站 java的Deque Leetcode 70. 爬楼梯(进阶版) 题目:70. 爬楼梯&…

2024年大数据与艺术设计国际学术会议(ICBDAD 2024)

2024年大数据与艺术设计国际学术会议(ICBDAD 2024) 2024 International Conference on Big Data and Art Design 一、【会议简介】 2024年大数据与艺术设计国际学术会议,听起来好像两个完全不相关的领域,却意外地融合在了一起。 在这个会议上&#xff0c…

力士乐触摸屏维修VCP11.2DWN-003-NN-NN-PW工业液晶屏幕电脑主机深圳捷达工控维修

扩展的性能、高系统可用性和多种配置选项 借助 lndraControl 系列工业 PC 和显示器,实现高性能和高灵活性。 lndraControl PR 性能分级盒采用最新的 Intel ATOM 和 Core-i 处理器,可与 lndraControl DR 多点触控显示屏集成,连接距离可达 100M…

el-carousel走马灯页数回到第一页

我的走马灯是在一个弹窗里,包裹着一些button,切换到下一页时 关闭弹窗再打开弹窗还显示的是上次第二页位置 领导很不满意 1. 2.写在你打开弹窗或者关闭弹窗的位置 this.$refs.carousel && (this.$refs.carousel.activeIndex 0); 解释一下: this.$refs.carousel: thi…

开源数据可视化大屏对接表单数据实践!

如果你需要一个表单系统,进行数据收集;可以使用tduck填鸭进行私有化部署,进行表单制作,完成数据收集。 在实际业务中,往往需要将收集的数据进行展示或分析;此时就可以使用表单数据推送到TReport中&#xf…

华为eNSP中型企业局域网网络规划设计(下)

→b站传送门,感谢大佬← →华为eNSP中型企业局域网网络规划设计(上)← →拓扑图传送门,可以自己配置着玩← 配置ospf AR3 [AR3]ospf 1 router-id 3.3.3.3 //出口默认路由 [AR3-ospf-1]default-route-advertise always #area…

R语言数据探索与分析-中国GDP回归分析与预测

首先读取数据: 将GDP列转换为常规数字格式 # 可视化GDP数据 # 查看数据结构 # 确保数据类型是正确的 第一张图片展示了中国2002年到2021年间的GDP增长趋势,这是一个时间序列图,其中横轴表示年份,纵轴表示GDP(单位未…

OpenAI 高管:一年后,你会觉得现在的 ChatGPT 像笑话一样糟糕|TodayAI

OpenAI 的首席运营官 Brad Lightcap 表示,一年后,你会觉得现在的 ChatGPT 像笑话一样糟糕。未来的 ChatGPT 版本将会有重大升级。他还讨论了 AI 取代人类工作和对电网的压力的可能性。 虽然我们不知道 OpenAI 何时会推出 GPT-5,但公司高管已…

三年软件测试经验遭遇求职困境?揭秘求职市场的隐藏陷阱

1.个人背景 小李,我的一位朋友,拥有三年多的软件测试工作经验。他本科毕业后便投身于测试行业,熟练掌握Python编程,能够编写自动化测试脚本,并且熟悉Selenium和性能测试。然而,尽管他具备这些技能和经验&am…

Zabbix+Grafana-常见报错及异常处理方式记录

文章目录 Zabbix安装篇Zabbix Web页面连接数据库失败 Zabbix使用篇中文显示不全 Zabbix报警篇新建的用户,配置报警后,无法收到报警 Grafana安装篇Windows系统安装时,添加zabbix报错:An error occurred within the plugin Zabbix安…

社交媒体数据恢复:多闪

社交软件多闪是一款深受用户喜爱的社交应用,用于与朋友、家人保持联系。有时,多闪软件的聊天记录可能会丢失或被删除,这时用户需要进行数据恢复。本文将详细介绍多闪软件聊天记录的恢复过程。 一、多闪软件聊天记录恢复方法 从手机备份中恢…

【数组】Leetcode 274. H 指数【中等】

H 指数 给你一个整数数组 citations ,其中 citations[i] 表示研究者的第 i 篇论文被引用的次数。计算并返回该研究者的 h 指数。 根据维基百科上 h 指数的定义: h 代表“高引用次数” ,一名科研人员的 h 指数 是指他(她&#xf…