Thuộc tính type của đối tượng Input Datetime trả về hoặc thiết lập kiểu của trường input. Với <input type="datetime">, giá trị thường là "datetime", nhưng nhiều trình duyệt trả về "text" do không hỗ trợ kiểu này.
Cú pháp
Lấy giá trị (chuỗi)
inputDatetimeObject.type
Thiết lập giá trị
inputDatetimeObject.type = stringValue
Các giá trị chuỗi phổ biến
| Giá trị | Mô tả |
|---|---|
| date | Kiểu chọn ngày (type="date"). |
| datetime | Kiểu ngày giờ có múi giờ (đã lỗi thời). |
| checkbox | Kiểu hộp kiểm. |
| text | Kiểu văn bản (mặc định nếu trình duyệt không hỗ trợ datetime). |
Ví dụ minh họa
Kiểm tra kiểu input và tách ngày/giờ nếu là text:
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime type</title>
</head>
<body>
<form>
<div> Ngày sinh: <input type="datetime" id="datetimeSelect" value="2000-09-17T19:22Z"> </div>
</form>
<button onclick="changeType()">Lấy Ngày và Giờ</button>
<div id="divDisplay"></div>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputDatetime = document.getElementById("datetimeSelect");
divDisplay.textContent = 'Kiểu input: ' + inputDatetime.type;
function changeType(){
if(inputDatetime.type === 'text'){
var currDate = inputDatetime.value.split("T")[0];
var currTime = inputDatetime.value.split("T")[1];
}
divDisplay.textContent = 'Ngày: ' + currDate + ', Giờ: ' + currTime;
}
</script>
</body>
</html>
Kết quả
Hiển thị kiểu input (thường là "text" trên Chrome/Firefox/Edge). Nhấn nút để tách và hiển thị riêng ngày và giờ từ chuỗi giá trị.