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

Đối tượng Input Month đại diện cho <input type="month"> - cho phép chọn tháng và năm (giao diện lịch tháng). Định dạng giá trị: YYYY-MM.

Tạo input month động

var monthInput = document.createElement("INPUT");
monthInput.setAttribute("type", "month");

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

Phương thức

Ví dụ: Tạo input month động

<!DOCTYPE html>
<html>
<head>
    <style>
        body { text-align: center; font-family: sans-serif; padding: 20px; }
        h1 { color: #23CE6B; }
        .btn {
            background: white; border: 1.5px dashed #0197F6; color: #0197F6;
            padding: 10px 20px; border-radius: 4px; width: 60%;
            margin: 20px auto; display: block; cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Ví dụ DOM Input Month Object</h1>
    <button onclick="createMonthField()" class="btn">Tạo input tháng</button>
    <script>
        function createMonthField() {
            var input = document.createElement("INPUT");
            input.setAttribute("type", "month");
            input.setAttribute("value", "2019-07");
            document.body.appendChild(input);
        }
    </script>
</body>
</html>

Kết quả

Trước khi nhấn:

Sau khi nhấn "Tạo input tháng":