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

Thuộc tính type của đối tượng Input Date trong HTML DOM trả về hoặc thiết lập kiểu của phần tử Input Date.

Cú pháp

Lấy giá trị chuỗi

inputDateObject.type

Thiết lập type thành giá trị chuỗi

inputDateObject.type = stringValue

Các giá trị chuỗi

Giá trị stringValue có thể là:

stringValue	Chi tiết
date	Định nghĩa kiểu input là date (bộ chọn ngày).
radio	Định nghĩa kiểu input là radio button.
checkbox	Định nghĩa kiểu input là checkbox.

Ví dụ

Ví dụ sử dụng thuộc tính type của Input Date:

<!DOCTYPE html>
<html>
<head>
<title>Input Date type</title>
</head>
<body>
<form>
  <div> Lịch: <input type="date" id="dateSelect" value="2017-05-01"> </div>
</form>
<button onclick="changeType()">Thay đổi kiểu</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDate = document.getElementById("dateSelect");
  divDisplay.textContent = 'Kiểu input: ' + inputDate.type;
  function changeType() {
    if (inputDate.type === 'date') {
      var currDate = inputDate.value;
      inputDate.type = 'text';
      inputDate.value = currDate;
    }
    divDisplay.textContent = 'Kiểu input: ' + inputDate.type;
  }
</script>
</body>
</html>

Kết quả

Trước khi nhấn nút Thay đổi kiểu:

Sau khi nhấn nút Thay đổi kiểu (chuyển từ date sang text):