html修改date控件的默认格式

要修改HTML中的date控件的默认格式，可以使用HTML5的date格式。以下是一个示例代码：

<input type="date" class="my-date-picker" value="2022-06-15">

在上面的代码中，我们给date控件添加了一个自定义的class名为"my-date-picker"，并设置了一个默认值为"2022-06-15"，这是HTML5的date格式，表示年份-月份-日期。

如果你希望在输入时使用不同的日期格式，可以使用JavaScript来处理输入值并将其格式化为所需的格式。例如，以下是一个使用moment.js库来将日期格式化为"YYYY-MM-DD"的示例代码：

<input type="text" id="my-date-input" class="my-date-picker" value="2022-06-15">

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script>
  // 获取输入框元素
  const dateInput = document.getElementById('my-date-input');

  // 监听输入框的变化事件
  dateInput.addEventListener('input', (event) => {
    // 使用moment.js将日期格式化为"YYYY-MM-DD"
    const formattedDate = moment(event.target.value, 'MM/DD/YYYY').format('YYYY-MM-DD');
    
    // 更新输入框的值为格式化后的日期
    event.target.value = formattedDate;
  });
</script>

在上面的代码中，我们使用JavaScript来监听输入框的变化事件，并使用moment.js库将日期格式化为"YYYY-MM-DD"的格式。你可以根据需要修改moment.js的参数来使用不同的日期格式。