javascript写的日期怎么输出

王林
发布: 2023-05-17 15:07:08
原创
1549 人浏览过

JavaScript是一门常用的脚本语言,广泛应用于网站开发、移动应用程序和桌面应用程序等方面。在JavaScript中,日期是一种常见的数据类型,可以用来存储和操作日期和时间。本文将介绍如何使用JavaScript输出日期。

一、获取当前日期

获取当前日期可以使用JavaScript的Date对象。Date对象有一个无参构造函数,会返回当前日期和时间。以下是一个简单的例子:

var today = new Date();
console.log(today);
登录后复制

执行上述代码后,会在控制台输出当前日期和时间,格式如下:

Thu Jan 28 2021 11:26:24 GMT+0800 (中国标准时间)
登录后复制

上面的输出格式可能不是我们想要的,我们可以使用Date对象的方法来格式化日期的输出。下面是一些常用的方法:

1、getFullYear():获取年份。

var year = today.getFullYear();
console.log(year);
登录后复制

2、getMonth():获取月份(0表示一月,11表示十二月)。

var month = today.getMonth() + 1;
console.log(month);
登录后复制

3、getDate():获取日期(1-31)。

var date = today.getDate();
console.log(date);
登录后复制

4、getDay():获取星期几(0表示星期日,6表示星期六)。

var day = today.getDay();
console.log(day);
登录后复制

5、getHours():获取小时数(0-23)。

var hours = today.getHours();
console.log(hours);
登录后复制

6、getMinutes():获取分钟数(0-59)。

var minutes = today.getMinutes();
console.log(minutes);
登录后复制

7、getSeconds():获取秒数(0-59)。

var seconds = today.getSeconds();
console.log(seconds);
登录后复制

二、格式化日期输出

上述方法可以获取到不同的日期和时间部分,我们可以将它们拼接起来以实现自定义的日期格式。下面是一个例子:

var year = today.getFullYear();
var month = today.getMonth() + 1;
var date = today.getDate();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();

var formattedDate = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + seconds;
console.log(formattedDate);
登录后复制

执行上述代码后,会在控制台输出如下格式的日期:

2021-1-28 11:32:47
登录后复制

如果你想显示更加精确的时间,可以使用以下方法:

8、getMilliseconds():获取毫秒数(0-999)。

var milliseconds = today.getMilliseconds();
console.log(milliseconds);
登录后复制

使用上述方法后,可以拼接出更加精确的日期时间输出。

三、自定义日期

除了获取当前日期,我们还可以根据给定的年、月、日等参数,创建自定义的日期对象。以下是一个例子:

var customDate = new Date(2021, 0, 1, 12, 0, 0, 0);
console.log(customDate);
登录后复制

上述代码创建了一个自定义的日期对象,表示2021年1月1日12点整。注意,月份从0开始计数,所以0表示一月。

使用以上方法可以在JavaScript中输出日期。有了日期对象以及日期格式化方法,我们可以灵活地处理和显示日期,从而满足不同的需求。

以上是javascript写的日期怎么输出的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板