如何在日期输入中默认设置开始日期和结束日期

<input type="date" name="start_date" min="2022-01-01" max="2022-12-31" value="2022-01-01">
<input type="date" name="end_date" min="2022-01-01" max="2022-12-31" value="2022-12-31">

<input type="date" id="start_date" name="start_date">
<input type="date" id="end_date" name="end_date">

<script>
  var startDateInput = document.getElementById("start_date");
  var endDateInput = document.getElementById("end_date");

  var today = new Date();
  var defaultStartDate = new Date(today.getFullYear(), today.getMonth(), 1); // 默认开始日期为当月的第一天
  var defaultEndDate = new Date(today.getFullYear(), today.getMonth() + 1, 0); // 默认结束日期为当月的最后一天

  startDateInput.value = defaultStartDate.toISOString().split("T")[0];
  endDateInput.value = defaultEndDate.toISOString().split("T")[0];
</script>