原生js input日期输入时格式化yyyy-mm-dd

可以使用以下代码来实现输入日期时自动格式化为 yyyy-mm-dd 的形式：

// 获取日期输入框元素
var dateInput = document.getElementById("date-input");

// 为日期输入框添加 input 事件监听器
dateInput.addEventListener("input", function() {
  // 获取日期输入框中的值
  var dateValue = dateInput.value;

  // 将日期格式化为 yyyy-mm-dd 的形式
  var formattedDate = dateValue.replace(/^(\d{4})(\d{2})(\d{2})$/, "$1-$2-$3");

  // 更新日期输入框的值
  dateInput.value = formattedDate;
});

在上面的代码中，我们首先获取日期输入框的元素，然后为其添加了一个 input 事件监听器。每当用户输入日期时，监听器就会将日期格式化为 yyyy-mm-dd 的形式，并更新日期输入框的值。注意，这里使用了正则表达式来进行日期格式化。