Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính type của HTML DOM Input Datetime

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ả
dateKiểu chọn ngày (type="date").
datetimeKiểu ngày giờ có múi giờ (đã lỗi thời).
checkboxKiểu hộp kiểm.
textKiể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ị.