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

Question

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

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

标签： htmldateformat

Answer 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>