資料結構
網路
關係型資料庫管理系統 (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
HTML `
語法
以下是 HTML datetime 的語法
<time datetime="YYYY-MM-DDThh:mm:ssTZD">
讓我們來看下面的例子
示例
在下面的例子中，我們使用了 HTML `
<!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
`` 型別元素。藉助 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+ 次瀏覽
廣告