HTML 日期(Date)

在 HTML 中，我们可以使用日期(Date)来表示时间。

1. Date 标签

HTML 提供了 <date> 标签，用于表示一个日期，格式为 YYYY-MM-DD，例如：

<date>2022-01-01</date>

输出为：

2022-01-01

通常情况下，我们可以使用 CSS 来格式化日期的显示样式。

2. input 标签

我们可以使用 input 标签来创建日期输入框，示例代码如下：

<label for="birthday">生日：</label>
<input type="date" id="birthday" name="birthday">

其中，type="date" 表示输入框类型为日期。

输出为：

生日：

3. JavaScript 中的日期

在 JavaScript 中，我们可以使用 new Date() 来创建一个日期对象，示例代码如下：

let now = new Date();
console.log(now);

输出为：

Fri Mar 05 2022 21:45:55 GMT+0800 (中国标准时间)

我们也可以使用 .getFullYear(), .getMonth() 等方法来获取日期的年、月等信息。例如：

let now = new Date();
console.log(now.getFullYear());
console.log(now.getMonth() + 1);
console.log(now.getDate());

输出为：

2022
3
5

4. 时间戳

时间戳是指从格林威治时间 1970 年 1 月 1 日 0 点开始经过的秒数。我们可以使用 Date.now() 来获取当前时间的时间戳，示例代码如下：

let timestamp = Date.now();
console.log(timestamp);

输出为：

1646370318996

我们也可以使用 new Date(timestamp) 来将时间戳转换成日期对象，例如：

let timestamp = 1646370318996;
let date = new Date(timestamp);
console.log(date);

输出为：

2022-03-03T01:31:58.996Z

5. 总结

HTML 中提供了 <date> 标签和 input 标签用于表示日期，JavaScript 中提供了一系列方法用于处理日期，包括创建日期对象、获取日期信息等，还可以通过时间戳来表示时间。以上就是 HTML 日期相关的内容介绍。