Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính tối thiểu cho tháng đầu vào HTML DOM

Thuộc tính tối thiểu tháng đầu vào của HTML DOM trả về và sửa đổi giá trị của thuộc tính tối thiểu của trường đầu vào kiểu =”tháng” trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

1. Tối thiểu trả lại

object.min

2. Sửa đổi tối thiểu

object.min = “YYYY-MM”

Ở đây, YYYY đại diện cho năm và MM đại diện cho tháng như “2019-02”

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính tối thiểu tháng đầu vào HTML DOM -

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%)
      center/cover no-repeat;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.1rem;
   }
   input{
      display:block;
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
      margin:1rem auto;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input month max/min property Demo</h1>
<p>Hi, Do you need leave from your work?</p>
<p>If yes then select your desired one month between April & August:</p>
<input type="month" class="monthInput" min="2019-04" max="2019-08">
<button onclick="showMySelection()" class="btn">Show Result</button>
<div class="show"></div>
<script>
   function showMySelection() {
      var monthInput = document.querySelector(".monthInput");
      var showMsg = document.querySelector(".show");
      if(monthInput.value === ''){
         showMsg.innerHTML="Please Select!!";
      } else {
         showMsg.innerHTML=monthInput.value;
      }
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính tối thiểu cho tháng đầu vào HTML DOM

Chọn bất kỳ tháng nào (giữa tháng 4 và tháng 8) bằng cách sử dụng trường nhập tháng -

Thuộc tính tối thiểu cho tháng đầu vào HTML DOM

Sau khi chọn, nhấp vào “ Hiển thị kết quả ”Để hiển thị tháng đã chọn -

Thuộc tính tối thiểu cho tháng đầu vào HTML DOM