js获取当前年月日详细教程(看这一篇就够了)

 更新时间:2023年12月19日 11:10:53   作者:huangjin99  
这篇文章主要给大家介绍了关于js获取当前年月日的相关资料,JavaScript内置的Date对象是获取当前日期最常用的工具之一,文中通过代码介绍的非常详细,需要的朋友可以参考下

js获取当前年月日

    // 获取当前时间
    const today = new Date();
    // 获取当前时间(today)的年份
    const year = today.getFullYear();
    // 获取月份
    const month = String(today.getMonth() + 1).padStart(2, '0');
    // 获取当前日
    const day = String(today.getDate()).padStart(2, '0');
    // 得到年月日
    const thisDayDate = `${year}-${month}-${day}`; //打印当前日期

1. 当前日期

1.1 const today = new Date();

函数new Date() 为获取当前时间

2. 当前日期的年份

2.1. const year = today.getFullYear();

函数 getFullYear() 为获取当前时间today的年份

3. 当前日期的月份

   const month = String(today.getMonth() + 1).padStart(2, '0');

3.1 getMonth()返回的月份是从0开始计数,十二个月份打印出来也就是0-11;

3.2 today.getMonth() + 1 假如当前月份是11月,那么不加一打印出来就是10,加1才能显示正确月份。就比如数组的索引也是从0开始计数。

3.3 当前是2023年11月,下面打印today.getMonth()d的运行结果为10;

3.4 当前是2023年11月,下面打印today.getMonth() + 1的运行结果为11;

3.5 String(today.getMonth() + 1)

可以看到打印的10或者11字体都是蓝色的,那么就代表当前的monthnumber类型;

将得到的月份用String转换为字符串String类型;

下面转换之后查看字体为黑色,就代表当前为String类型;

3.6 padStart方法来确保月份始终以两位数字表示,不足两位的前面添加0

4. 获取当前日

   const day = String(today.getDate()).padStart(2, '0');

4.1 today.getDate() 获取当前日期(月中的哪一天);

4.2 String将其转换为字符串;

4.3 使用padStart方法来确保日期始终以两位数字表示,不足两位的前面添加0,今天是7号,所以打印出来是07

5. 当前年月日

   const thisDayDate = `${year}-${month}-${day}`; //打印当前日期

5.1 模板字符串${}拼接 年-月-日

附:获取当前年月日星期时分秒

//获取当前日期函数
function getNowFormatDate() {
  let date = new Date(),
    obj = {
      year: date.getFullYear(), //获取完整的年份(4位)
      month: date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
      strDate: date.getDate(), // 获取当前日(1-31)
      week: '星期' + '日一二三四五六'.charAt(date.getDay()), //获取当前星期几(0 ~ 6,0代表星期天)
      hour: date.getHours(), //获取当前小时(0 ~ 23)
      minute: date.getMinutes(), //获取当前分钟(0 ~ 59)
      second: date.getSeconds() //获取当前秒数(0 ~ 59)
    }

  Object.keys(obj).forEach(key => {
    if (obj[key] < 10) obj[key] = `0${obj[key]}`
    // console.log(obj[key])
  })

  return `${obj.year}年${obj.month}月${obj.strDate}日${obj.week} ${obj.hour}:${obj.minute}:${obj.second}`
}

总结

到此这篇关于js获取当前年月日的文章就介绍到这了,更多相关js获取当前年月日内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • webix+springmvc session超时跳转登录页面

    webix+springmvc session超时跳转登录页面

    这篇文章主要介绍了webix+springmvc session超时跳转登录页面的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • js 中获取制定的cook信息实现方法

    js 中获取制定的cook信息实现方法

    下面小编就为大家带来一篇js 中获取制定的cook信息实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 基于JavaScript实现网红太空人表盘的完整代码

    基于JavaScript实现网红太空人表盘的完整代码

    这篇文章主要介绍了基于JavaScript实现网红太空人表盘的完整代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • jsjiami.v6解密原理示例分析

    jsjiami.v6解密原理示例分析

    这篇文章主要为大家介绍了jsjiami.v6解密原理示例分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • webpack4 CSS Tree Shaking的使用

    webpack4 CSS Tree Shaking的使用

    这篇文章主要介绍了webpack4 CSS Tree Shaking的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Storage、cookie的用途和优缺点比较

    Storage、cookie的用途和优缺点比较

    cookie的大小是受限制的,并且每次请求cookie都会被发送,浪费宽带,cookie还需要指定作用域,不可以跨域调用。cookie的作用是与服务器进行交互,作为http规范的一部分存在,而webstorage仅仅是为了本地“存储”数据而生。
    2023-07-07
  • js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

    js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

    JS的语法非常灵活,简单的对象创建就有好几种不同的方法。这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理一下JS中常用的创建对象的几种方法吧
    2015-11-11
  • JavaScript面向对象程序设计创建对象的方法分析

    JavaScript面向对象程序设计创建对象的方法分析

    这篇文章主要介绍了JavaScript面向对象程序设计创建对象的方法,结合实例形式分析了javascript使用object构造函数和对象字面量来创建对象的相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • js正则表达式惰性匹配和贪婪匹配用法分析

    js正则表达式惰性匹配和贪婪匹配用法分析

    这篇文章主要介绍了js正则表达式惰性匹配和贪婪匹配用法,结合实例形式详细分析了正则表达式的基本概念以及惰性匹配和贪婪匹配的使用方法,需要的朋友可以参考下
    2016-12-12
  • 通过JavaScript实现扑克牌游戏的示例代码

    通过JavaScript实现扑克牌游戏的示例代码

    这篇文章主要为大家详细介绍了JavaScript如何通过面向对象实现一个简单的扑克牌游戏,文中的示例代码代码讲解详细,感兴趣的可以学习一下
    2022-07-07

最新评论