Đối tượng Input Time trong HTML DOM

Đối tượng Input Time trong HTML DOM đại diện cho phần tử <input type="time"> — cho phép người dùng chọn giờ (giờ:phút, tùy chọn giây/mili-giây) mà không cần thư viện bên ngoài.

Tạo đối tượng Input Time

var timeObject = document.createElement("input"); timeObject.type = "time";

Các thuộc tính chính

Thuộc tính	Mô tả
autocomplete	Giá trị autocomplete của ô time.
autofocus	Tự động focus khi tải trang.
defaultValue	Giá trị mặc định ban đầu.
disabled	Vô hiệu hóa ô time.
form	Tham chiếu đến form chứa ô time.
max	Giờ lớn nhất cho phép.
min	Giờ nhỏ nhất cho phép.
name	Tên thuộc tính name của ô time.
readOnly	Chỉ đọc hay không.
required	Bắt buộc nhập hay không.
step	Bước nhảy (giây) khi dùng mũi tên lên/xuống.
type	Loại form element (luôn là "time").
value	Giá trị hiện tại của ô time.

Các phương thức

Phương thức	Mô tả
stepUp(n)	Tăng giờ lên n phút (mặc định 1).
stepDown(n)	Giảm giờ đi n phút (mặc định 1).

Ví dụ minh họa

Sử dụng thuộc tính form để lấy ID của form chứa ô time:

<!DOCTYPE html>
<html>
<head>
<title>Input Time form</title>
<style>
  form { width: 70%; margin: 0 auto; text-align: center; }
  * { padding: 2px; margin: 5px; }
  input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
<form id="Physics">
  <fieldset>
    <legend>Time-form</legend>
    <label for="TimeSelect">Giờ thi: <input type="time" id="TimeSelect" value="14:00" disabled> </label> 
    <input type="button" onclick="layForm()" value="Kỳ thi nào?"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputTime = document.getElementById("TimeSelect"); 
  function layForm() { 
    divDisplay.textContent = inputTime.form.id + ' thi bắt đầu từ ' + inputTime.value; 
  } 
</script> 
</body> 
</html>

Kết quả

Ban đầu: ô time hiển thị 14:00, bị disabled.
Nhấn Kỳ thi nào?: hiển thị "Physics thi bắt đầu từ 14:00".

Lưu ý: type="time không hỗ trợ múi giờ. Cần múi giờ thì dùng datetime-local hoặc xử lý thủ công.