add restrict to year and month

Author: syzygy608

src/js/popup.js

@@ -3,12 +3,18 @@ import { getCurrentYearMonth, downloadICS } from "./utils.js";
 function initializeInputs() {
   const { year, month } = getCurrentYearMonth();
   document.getElementById("yearInput").value = year;
+  // set year max to year + 1
+  document.getElementById("yearInput").max = year + 1;
   document.getElementById("monthInput").value = month;
 }
 
 async function fetchCalendarData(sesskey) {
   const year = parseInt(document.getElementById("yearInput").value);
   const month = parseInt(document.getElementById("monthInput").value);
+  if (month < 1 || month > 12) {
+    console.error("Invalid month value:", month);
+    return;
+  }
   // day is dont care
   const day = 1;
 

src/popup.html

@@ -11,13 +11,16 @@ <h1 class="text-xl font-bold">Moodle Calendar</h1>
       <input
         type="number"
         id="yearInput"
+        min="1992"
         class="w-20 px-2 py-1 text-center border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-violet-500 focus:border-violet-500"
         placeholder="年"
       />
       <span class="text-gray-700">年</span>
       <input
         type="number"
         id="monthInput"
+        min="1"
+        max="12"
         class="w-16 px-2 py-1 text-center border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-violet-500 focus:border-violet-500"
         placeholder="月"
       />