出生日期输入与JavaScript 13之后无法正常工作

Question

我们正在进行AB测试。我们只能通过Google Optimize触摸客户端代码。因此，设计师要求我们将出生日期格式从分离的输入更改为这样的统一输入 - ＆gt;

因此，想法是用户键入生日数字[13.07.1998]，然后这些信息将到达分离的输入，例如This [13] [7月] [1998]

它运行正常，直到我们使用第13天。在该数字之后，代码不起作用。但是，如果我使用12，则有效。

const dobInput = document.querySelector("input");
const birthDay = document.querySelector("#birthDay");
const birthMonth = document.querySelector("#birthMonth");
const birthYear = document.querySelector("#birthYear");

dobInput.addEventListener("change", (e) => {
  const dobString = e.target.value;

  if ( isValidDate(dobString) ) {

    let date = dobString.slice(0, 2);
    let month = dobString.slice(3, 5);
    let year = dobString.slice(6, 10);

    birthDay.value = date;
    birthMonth.value = month;
    birthYear.value = year;

  } else {

    const errorMessage = document.querySelector(".cro-error-text");
    errorMessage.classList.add('error');
    
  }
});

function isValidDate(dateString) {
  // First check for the pattern
  if (!/^\d{1,2}\.\d{1,2}\.\d{4}$/.test(dateString)) return false;

  // Parse the date parts to integers
  var parts = dateString.split(".");
  var day = parseInt(parts[1], 10);
  var month = parseInt(parts[0], 10);
  var year = parseInt(parts[2], 10);

  // Check the ranges of month and year
  if (year < 1905 || year > 2004 || month == 0 || month > 12) return false;

  var monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

  // Adjust for leap years
  if (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0))
    monthLength[1] = 29;

  // Check the range of the day
  return day > 0 && day <= monthLength[month - 1];
}

有人知道为什么会发生这种情况吗？谢谢！

Answer 1

我认为错误是....

如果-------------------------------------------------------------------------------------------------------------------------------------------- -----------

------ 10---

-------------------------------------------------------------------------------------------------------------------------------

天

12

2000 - 年龄

---

---

，我认为错误是因为我认为您正在使用Selects标签。

选择标签具有选项标签。...每个选项标签都有一个值。

<select>
<option value=1>Jenuary</option>
<option value=2>February</option>
</select>

13不适合

<option value=13>

。

---

所以_select.Value = 在选择标签中...