<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form>
<input type=button onclick="Изменить_месяц(false);" value="<" />
<select id="Месяц" name="Месяц">
<option value="01">январь</option>
<option value="02">февраль</option>
<option value="03">март</option>
<option value="04">апрель</option>
<option value="05">май</option>
<option value="06">июнь</option>
<option value="07">июль</option>
<option value="08">август</option>
<option value="09">сентябрь</option>
<option value="10">октябрь</option>
<option value="11">ноябрь</option>
<option value="12">декабрь</option>
</select>
<input type=button onclick="Изменить_месяц(true);" value=">" />
<input type=button onclick="Изменить_год(false);" value="<" />
<input type=number size=4 min=0 max=2250 step=1 id="Год" name="Год" />
<input type=button onclick="Изменить_год(true);" value=">" />
</form>
<script>
const сегодня = new Date();
document.addEventListener('DOMContentLoaded', () => {
document.getElementById("Месяц").options[сегодня.getMonth()].selected = true;
document.getElementById("Год").value = сегодня.getFullYear();
});
const Изменить_месяц = вперёд => {
const поле = document.getElementById("Месяц");
let выделено = Math.max(1, Math.min(10,поле.selectedIndex));
вперёд ? выделено++ : выделено--
поле.selectedIndex = выделено
}
const Изменить_год = вперёд => {
const поле = document.getElementById("Год");
вперёд ? поле.value++ : поле.value--;
}
</script>
</body>
</html>