JavaScript 日期对象

143 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 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>

执行验证结果如下所示。

image.png

如果我们想要创建一个指定的时间函数,我们则需要在构造函数中传递一个表示时间的字符串作为参数使用。

<script>
var date=new Date("2022-05-30 00:00:00");
console.log(date); //Mon May 30 2022 00:00:00 GMT+0800 (中国标准时间)
    
</script>

执行验证结果如下。

image.png

从上面输出结果来看,对于我们程序来说,输出这样时间我们能知道是啥玩意,但是对于那些不知道这个时间是啥,完了,芭比Q了。

鉴于让大家所有人都知道程序获取当前时间,需要进行日期格式化。

获取年

getFullYear() 从 Date 对象以四位数字返回年份。例如 2022.


var date=new Date();
var year=date.getFullYear();
console.log(year);

验证执行结果如下。

image.png

获取月

getMonth() 所指的月份字段,使用本地时间。返回值是 0(一月) 到 11(十二月) 之间的一个整数。

<script>
var date=new Date();
var month=date.getMonth();
console.log(month);
</script>

验证执行结果如下。

image.png

获取日

getDate 所指的月份中的某一天,使用本地时间。返回值是 1 ~ 31 之间的一个整数。

var date=new Date();
var day=date.getDate();
console.log(day);

验证执行结果如下。

image.png

获取小时

getHours() 小时字段,以本地时间显示。返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数。

var date=new Date();
var hours=date.getHours();
console.log(hours);

验证执行结果如下。

image.png

获取分钟

getMinutes 分钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。

var date=new Date();
var minute=date.getMinutes();
console.log(minute);

验证执行结果如下。

image.png

获取秒

getSeconds 秒钟字段,以本地时间显示。返回值是 0 ~ 59 之间的一个整数。

var date=new Date();
var second=date.getSeconds();
console.log(second);

验证执行结果如下。

image.png

值得注意,new Date()  为系统日期。

除了以上这些常用之外,还用其他一些常用的格式化 API,在这里没有具体列出来。