当前位置:首页 » 《随便一记》 » 正文

JavaScript中的时间日期函数new Date()(JS中5种获取时间戳的函数)

5 人参与  2024年02月22日 18:01  分类 : 《随便一记》  评论

点击全文阅读


简介:JavaScript 中的 new Date() 方法用于创建一个新的 Date 对象,该对象表示当前日期和时间。Date 对象提供了许多方法和属性,可以用于获取和设置日期和时间信息。

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

其中,每个参数都是可选的。如果没有指定参数,则 new Date() 方法将创建一个表示当前日期和时间的 Date 对象。
 

一、关于new Date()函数;

    首先创建一个表示当前时间的 Date 对象    var nowTime = new Date();    console.log(nowTime);    控制台输出 Fri Nov 17 2023 10:41:58 GMT+0800 (中国标准时间)    //获取 Date 当前时间 年月日时分秒    console.log(nowTime.toLocaleString());    //控制台输出 2023/11/17 10:41:58    //获取 Date 当前时间 年月日    console.log(nowTime.toLocaleDateString());    //控制台输出 2023/11/17    //获取 Date 当前时间 时分秒    console.log(nowTime.toLocaleTimeString());    //控制台输出 10:41:58    //获取 Date 对象的年份    console.log(nowTime.getFullYear());    //控制台输出 2023    //获取 Date 对象的月份(注意月份从0开始,所以使用时需要加1)    console.log(nowTime.getMonth());    //控制台输出 11    //获取 Date 对象的日期    console.log(nowTime.getDate());    //控制台输出 17    //获取 Date 对象的小时    console.log(nowTime.getHours());    //控制台输出 10    //获取 Date 对象的分钟    console.log(nowTime.getMinutes());    //控制台输出 41    //获取 Date 对象的秒    console.log(nowTime.getSeconds());    //控制台输出 58    //获取 Date 对象的毫秒    console.log(nowTime.getMilliseconds());    //控制台输出 917

二、获取 Date 对象时间戳的五种方式;

    1、new Date().getTime()方法    const timestamp1 = new Date().getTime();    console.log(timestamp1);    //控制台输出 1700189060045    2、Date.now()方法    const timestamp2 = Date.now();    console.log(timestamp2);    //控制台输出 1700189060045    3、Date.parse(new Date())方法    const timestamp3 = Date.parse(new Date());    console.log(timestamp3);    //控制台输出 1700189060045    4、new Date()).valueOf()方法    const timestamp4 = new Date().valueOf();    console.log(timestamp4);    //控制台输出 1700189060045    5、Number(new Date())方法    const timestamp5 = Number(new Date());    console.log(timestamp5);    //控制台输出 1700189060045

三、Date 对象应用实例

 实例1:计算月份差

有时候,我们需要知道两个日期之间相差多少天。可以先将日期转换为毫秒数,然后相减并除以一天的毫秒数(1000 * 60 * 60 * 24)来得到结果。function daysBetween(date1, date2) {  let oneDay = 1000 * 60 * 60 * 24;  return Math.round((date2 - date1) / oneDay);}let start = new Date('June 20, 2022');let end = new Date('July 20, 2022');console.log(daysBetween(start, end)); // 输出 "30"

实例2:计算两个日期之间的时间差

const startDate = new Date('2021-01-01');const endDate = new Date('2021-12-31');const timeDiff = endDate - startDate;// 计算两个日期之间的天数const daysDiff = Math.floor(timeDiff / (1000 * 60 * 60 * 24));// 计算两个日期之间的小时数const hoursDiff = Math.floor(timeDiff / (1000 * 60 * 60));// 计算两个日期之间的分钟数const minutesDiff = Math.floor(timeDiff / (1000 * 60));// 计算两个日期之间的秒数const secondsDiff = Math.floor(timeDiff / 1000);、、与实例1大同小异、、、、

实例3:设置特定日期和时间:

const date = new Date();// 设置日期为 2022 年 1 月 1 日date.setFullYear(2022);date.setMonth(0);date.setDate(1);// 设置时间为 0 时 0 分 0 秒date.setHours(0);date.setMinutes(0);date.setSeconds(0);// 获取设置后的日期和时间const formattedDate1 = date.toDateString();const formattedTime2 = date.toTimeString();

实例4:获取日期元素

在很多场景下,我们需要单独获取日期的年、月、日等元素。我们可以使用getFullYear()、getMonth()、getDate()等方法来实现这一点。let now = new Date();let year = now.getFullYear(); // 获取四位数年份let month = now.getMonth(); // 注意月份是从0开始计数的,所以需要加1let day = now.getDate();console.log(`${year}/${month + 1}/${day}`); // 输出类似 "2022/6/20"

实例5:格式化日期

为了美观或适应用户偏好,我们通常需要将日期格式化成特定的字符串。这里我们使用模板字面量和padStart()方法来实现:function formatDate(date) {  let year = date.getFullYear();  let month = `0${date.getMonth() + 1}`.slice(-2);  let day = `0${date.getDate()}`.slice(-2);  return `${year}-${month}-${day}`;}let today = new Date();console.log(formatDate(today)); // 输出类似 "2022-06-20"

创作不易,感觉有用,就一键三连,感谢(●'◡'●)


点击全文阅读


本文链接:http://zhangshiyu.com/post/69481.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 我拒绝给系花捐款后,全系同学悔疯了在线阅读_小说后续在线阅读_无删减免费完结_
  • 我让位给女友的透视眼竹马,他却说如果能重生再也不来了。虐心反转_玉石林若女友推荐_小说后续在线阅读_无删减免费完结_
  • 相国独子的丫鬟砸坏我的玉佩后,我当场拒婚阅读_玉佩陈郡谢氏全新_小说后续在线阅读_无删减免费完结_
  • 手术时,我看着病人惨死最新试读_淼淼陆知衍姜颜全本完结_小说后续在线阅读_无删减免费完结_
  • 男友霸道给我开黑卡,转头却骂我是捞女最新章节_肖年顾客黑卡热文_小说后续在线阅读_无删减免费完结_
  • 他在回忆尽头全集_贺南舟许清梨叶絮完结txt_小说后续在线阅读_无删减免费完结_
  • 旅游结婚那天未婚夫另娶女秘书,我让他们一无所有连载_老公迎宾超长版_小说后续在线阅读_无删减免费完结_
  • 完结文异界修仙我的直播间能打赏核弹列表_完结文异界修仙我的直播间能打赏核弹(江流年沈红菱)
  • 全书浏览陪弟弟混骑行圈,离婚你哭什么?(韩星河柳千雪)_陪弟弟混骑行圈,离婚你哭什么?(韩星河柳千雪)全书结局
  • 老公出轨我助攻虐心反转_秦绍卿卿阿溪后续加长_小说后续在线阅读_无删减免费完结_
  • 替老婆坐牢出狱那天,我被送去斗兽场精校文本_许言沈宇郑子番茄热门_小说后续在线阅读_无删减免费完结_
  • 沐巍澜温溪:结局+番外(爱如一刹花火)电子书畅享阅读无广告

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1