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获取当前年月日内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 如何利用Proxy更优雅地处理异常详解

    如何利用Proxy更优雅地处理异常详解

    这篇文章主要给大家介绍了关于如何利用Proxy更优雅地处理异常的相关资料,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • js与jquery回车提交的方法

    js与jquery回车提交的方法

    这篇文章主要介绍了js与jquery回车提交的方法,实例分析了js与jQuery中监测及相应回车键实现提交的技巧,需要的朋友可以参考下
    2015-02-02
  • javascript调试过程中找不到哪里出错的可能原因

    javascript调试过程中找不到哪里出错的可能原因

    本文为大家讲解下在写javascript时找不到哪里出错的可能原因,遇到的朋友可以参考下
    2013-12-12
  • JavaScript实现内容滚动与导航标签互动关联方案

    JavaScript实现内容滚动与导航标签互动关联方案

    这篇文章主要介绍了JavaScript实现内容滚动与导航标签互动关联方案,主要根据滚动左侧内容,关联激活右侧导航节点展开相应介绍,需要的小伙伴可以参考一下
    2022-06-06
  • BootStrap智能表单实战系列(六)表单编辑页面的数据绑定

    BootStrap智能表单实战系列(六)表单编辑页面的数据绑定

    这篇文章主要介绍了BootStrap智能表单实战系列(六)表单编辑页面的数据绑定的相关资料,一般用于编辑页面,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • Bootstrap CSS组件之导航(nav)

    Bootstrap CSS组件之导航(nav)

    这篇文章主要为大家详细介绍了Bootstrap CSS组件之导航(nav),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 封装属于自己的JS组件

    封装属于自己的JS组件

    这篇文章主要介绍了如何封装属于自己的JS组件,对js组件扩展以及封装用法的认识和总结,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • js实现input的赋值小结

    js实现input的赋值小结

    这篇文章主要介绍了js实现input的赋值问题小结,在实际的开发中,为了页面的美观,可能用到一些框架,比如EasyUI框架,文中介绍了easyui的input框赋值代码,感兴趣的朋友一起看看吧
    2023-12-12
  • 简单了解微信小程序的目录结构

    简单了解微信小程序的目录结构

    这篇文章主要介绍了简单了解小程序的目录结构,在开发小程序之前,我们首先需要对其目录结构进行了解,以便于提升开发效率,需要的朋友可以参考下
    2019-07-07
  • 通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

    通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

    这篇文章主要介绍了通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论