xxxxxxxxxx
<label for="monthYear">Enter Month and Year:</label>
<input type="month" id="monthYear" min="yyyy-MM" max="yyyy-MM" oninput="validateMonthYear();" />
<script>
function validateMonthYear() {
var input = document.getElementById("monthYear");
var value = input.value;
// Validate pattern (yyyy-MM)
var pattern = /^\d{4}-\d{2}$/;
if (!pattern.test(value)) {
input.setCustomValidity("Please enter a valid month and year (yyyy-MM).");
} else {
input.setCustomValidity(""); // Clear error message
}
}
</script>
xxxxxxxxxx
<label for="start">Start month:</label>
<input type="month" id="start" name="start" min="2018-03" value="2018-05">