js获取当前年月日详细教程(看这一篇就够了)
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字体都是蓝色的,那么就代表当前的month
为number
类型;
将得到的月份用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超时跳转登录页面的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下2016-10-10js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
JS的语法非常灵活,简单的对象创建就有好几种不同的方法。这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理一下JS中常用的创建对象的几种方法吧2015-11-11
最新评论