如何将输入类型日期格式更改为 mm/dd/yy？

【问题标题】：How do I change input type date format to mm/dd/yy?如何将输入类型日期格式更改为 mm/dd/yy？
【发布时间】：2021-08-27 13:22:40
【问题描述】：

我目前有一个输入类型=“日期”，默认格式是 mm/dd/yyyy，但我希望格式是 mm/dd/yy。如何更改日期输入的格式？

 Date:<input type="date" id="date" name="date" value="mm/dd/yy" required/>

【问题讨论】：

您是在尝试将 input 中的显示格式设置为 mm/dd/yy，还是尝试在后端更改格式？
只想将我输入中的显示格式化为 mm/dd/yy，而不是更改后端

标签： html date format

【解决方案1】：

使用纯 HTML 是不可能的。您必须使用这样的 hacky JS 解决方案：

var text = document.querySelector('input[type="text"]');
var date = document.querySelector('input[type="date"]');
date.addEventListener("change", e=>{
    split = date.value.split("-");
  text.value = split[1]+"-"+split[2]+"-"+split[0].substring(2);
})

input[type="text"] {
  position: absolute;
  left: 8px;
  height: 18px;
  width: 113px;
}

<input type="date">
<input type="text" readonly>

【讨论】：