持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第 4 天,点击查看活动详情
本期分享内容 JavaScript 中的日期对象怎么应用。比如要在页面上显示一个系统的时间。
日期对象 Date
Date对象:这个Date是一个内建对象,在JS中使用Date对象来表示一个时间。
我们可以用 Date() 创建一个 Date 对象,如果时间使用构造函数创建一个 Date 对象,则会封装为当前代码执行的时间。
<script>
var date=new Date();
console.log(date); //Mon May 30 2022 16:39:22 GMT+0800 (中国标准时间)
</script>
执行验证结果如下所示。
如果我们想要创建一个指定的时间函数,我们则需要在构造函数中传递一个表示时间的字符串作为参数使用。
<script>
var date=new Date("2022-05-30 00:00:00");
console.log(date); //Mon May 30 2022 00:00:00 GMT+0800 (中国标准时间)
</script>
执行验证结果如下。
从上面输出结果来看,对于我们程序来说,输出这样时间我们能知道是啥玩意,但是对于那些不知道这个时间是啥,完了,芭比Q了。
鉴于让大家所有人都知道程序获取当前时间,需要进行日期格式化。
获取年
getFullYear() 从 Date 对象以四位数字返回年份。例如 2022.
var date=new Date();
var year=date.getFullYear();
console.log(year);
验证执行结果如下。
获取月
getMonth() 所指的月份字段,使用本地时间。返回值是 0(一月) 到 11(十二月) 之间的一个整数。
<script>
var date=new Date();
var month=date.getMonth();
console.log(month);
</script>
验证执行结果如下。
获取日
getDate 所指的月份中的某一天,使用本地时间。返回值是 1 ~ 31 之间的一个整数。
var date=new Date();
var day=date.getDate();
console.log(day);
验证执行结果如下。
获取小时
getHours() 小时字段,以本地时间显示。返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数。
var date=new Date();
var hours=date.getHours();
console.log(hours);
验证执行结果如下。
获取分钟
getMinutes 分钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。
var date=new Date();
var minute=date.getMinutes();
console.log(minute);
验证执行结果如下。
获取秒
getSeconds 秒钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。
var date=new Date();
var second=date.getSeconds();
console.log(second);
验证执行结果如下。
值得注意,new Date() 为系统日期。
除了以上这些常用之外,还用其他一些常用的格式化 API,在这里没有具体列出来。