【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>
相关文章
|
7天前
|
Web App开发 JSON JavaScript
JavaScript对象常用操作JSON总结
JavaScript对象常用操作JSON总结
18 8
|
3天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
3天前
|
JavaScript vr&ar 数据库
技术笔记:Js获取当前日期时间及其它操作
技术笔记:Js获取当前日期时间及其它操作
|
4天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
11 1
|
6天前
|
存储 JavaScript 前端开发
JavaScript中的对象是数据结构,存储键值对,键为字符串,值可为任意类型,包括函数(作为方法)
【6月更文挑战第25天】JavaScript中的对象是数据结构,存储键值对,键为字符串,值可为任意类型,包括函数(作为方法)。
10 2
|
6天前
|
JavaScript 索引
Vue.js的`v-for`用于基于数组或对象渲染列表,如遍历数组生成`&lt;li&gt;`元素
【6月更文挑战第25天】Vue.js的`v-for`用于基于数组或对象渲染列表,如遍历数组生成`&lt;li&gt;`元素。基本语法是`v-for=&quot;(item, index) in items&quot;`,支持遍历对象的键值对。注意与`v-if`同用时应使用`&lt;template&gt;`,组件上使用`v-for`需设`key`属性以优化性能。
15 2
|
4天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
|
10天前
|
存储 JavaScript 前端开发
第六篇-Javascript对象
第六篇-Javascript对象
11 2
|
3天前
|
JavaScript vr&ar 数据库
一篇文章讲明白JS获取当前日期
一篇文章讲明白JS获取当前日期