数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装学
法学HTML5 中 datetime 和 datetime-local 的区别
datetime-local 输入类型与其他输入类型的区别在于它不包含时区信息。如果你的应用程序不需要考虑时区，请使用 datetime-local。datetime 输入类型在某些浏览器上仍然存在兼容性问题。
让我们进一步了解 HTML5 中 datetime 和 datetime-local 的区别
HTML5 datetime
<time> 元素的机器可读日期和时间由 HTML <time> datetime 属性定义。时间和日期的输入格式如下：YYYY-MM-DDThh:mm:ssTZD。
语法
以下是 HTML datetime 的语法
<time datetime="YYYY-MM-DDThh:mm:ssTZD">
让我们来看下面的例子
示例
在下面的例子中，我们使用了 HTML <time> datetime 属性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1>HTML dateTime Attribute</h1>
<p>Gandhi Jayathi
<time datetime="1869--10-02 12:00">
was declared as a dry day.
</time>
</p>
</body>
</html>
输出
当脚本执行时，它将生成一个包含 HTML datetime 属性中提到的文本的输出，并将其显示在网页上。
示例
让我们来看另一个 datetime 属性的例子。
<!DOCTYPE HTML>
<html>
<body>
<form action = "/cgi-bin/html5.cgi" method = "get">
Date and Time : <input type = "datetime" name = "newinput" />
<input type = "submit" value = "submit" />
</form>
</body>
</html>
输出
运行上述脚本后，输出窗口将弹出，并显示输入字段，供用户在网页上输入 datetime 属性中提到的日期和时间。
HTML5 datetime-local
<input>类型的元素。借助 datetime-local，用户可以快速输入日期和时间，包括年份、月份、日期以及小时和分钟。
语法
以下是 datetime-local 的语法。
<input type="datetime-local">
让我们来看下面的例子。
示例
在下面这个例子中，我们使用 datetime-local 作为输入类型。
<!DOCTYPE html>
<html>
<body>
<form>
<label for="birthdaytime">DOB:</label>
<input type="datetime-local" id="birthdaytime" name="birthdaytime">
<input type="submit">
</form>
</body>
</html>
输出
当脚本执行时，它将生成一个包含输入字段的输出，允许用户在网页上输入 datetime-local 属性中提到的出生日期。
示例
让我们来看另一个 datetime-local 用法的例子。
<!DOCTYPE HTML>
<html>
<body>
<form action = "/cgi-bin/html5.cgi" method = "get">
Local Date and Time : <input type = "datetime-local" name = "newinput" />
<input type = "submit" value = "submit" />
</form>
</body>
</html>
输出
运行上述脚本后，它将生成一个输出，通过提供 datetime-local 属性中提到的输入字段来让用户输入。
更新于：2023年10月11日
3K+ 次浏览
广告