【JavaScript】47_Date对象 ,日期的格式化

简介: # 8、DateDate- 在JS中所有的和时间相关的数据都由Date对象来表示- 对象的方法: getFullYear() 获取4位年份 getMonth() 返当前日期的月份(0-11) getDate() 返回当前是几日 getDay() 返回当前日期是周几(0-6) 0表示周日 ......## getTime() 返回当前日期对象的时间戳时间戳:自1970年1月1日0时0分0秒到当前时间所经历的毫秒数计算机底层存储时间时,使用都是时间戳Date.now() 获取当前的时间戳``` <s

8、Date

Date

  • 在JS中所有的和时间相关的数据都由Date对象来表示
  • 对象的方法:

    getFullYear() 获取4位年份

    getMonth() 返当前日期的月份(0-11)

    getDate() 返回当前是几日

    getDay() 返回当前日期是周几(0-6) 0表示周日

    ......

getTime() 返回当前日期对象的时间戳

时间戳:自1970年1月1日0时0分0秒到当前时间所经历的毫秒数

计算机底层存储时间时,使用都是时间戳

Date.now() 获取当前的时间戳

     <script>
         let d = new Date() // 直接通过new Date()创建时间对象时,它创建的是当前的时间的对象
 ​
         // 可以在Date()的构造函数中,传递一个表示时间的字符串
         // 字符串的格式:月/日/年 时:分:秒
         // 年-月-日T时:分:秒
         d = new Date("2019-12-23T23:34:35")
 ​
 ​
         // new Date(年份, 月, 日, 时, 分, 秒, 毫秒)
         d = new Date(2016, 0, 1, 13, 45, 33)
 ​
         d = new Date()
 ​
 ​
         result = d.getFullYear()
         result = d.getMonth()
         result = d.getDate()
         result = d.getDay()
 ​
         result = d.getTime()
 ​
         console.log(result) // 1659088108520 毫秒
     </script>

9、日期的格式化

toLocaleString()

  • 可以将一个日期转换为本地时间格式的字符串
  • 参数:

    1. 描述语言和国家信息的字符串 zh-CN 中文中国 zh-HK 中文香港 en-US 英文美国
    2. 需要一个对象作为参数,在对象中可以通过对象的属性来对日期的格式进行配置 dateStyle 日期的风格 timeStyle 时间的风格 full long medium short hour12 是否采用12小时值 true false weekday 星期的显示方式 long short narrow

      year ​ numeric ​ 2-digit

         <script>
             const d = new Date()
             let result = d.toLocaleDateString() // 将日期转换为本地的字符串
             result = d.toLocaleTimeString() // 将时间转换为本地的字符串
 ​
             result = d.toLocaleString("zh-CN", {
                 year: "numeric",
                 month: "long",
                 day: "2-digit",
                 weekday: "short",
             })
 ​
             console.log(result)
         </script>
相关文章
|
29天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
1月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
2月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具,可以确保代码风格一致,提升团队协作效率和代码质量。
255 2
|
21天前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
18 1
JavaScript中对象的数据拷贝
|
1月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
1月前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
397 4
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
84 1
|
2月前
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展,代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier,以及设置 VSCode,实现代码实时检查和格式化,确保代码风格一致。
132 2
|
2月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升代码质量和团队协作效率。
【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier,实现代码规范检查和自动格式化,确保代码风格一致,提高可读性和维护性。
100 2