关注html5输入的月份或年份[type ="date"]

Question

我包括一个小提示,显示当你将焦点应用于元素时会发生什么,它将焦点设置为输入的"日期"部分,但我找不到有关DOM如何呈现和识别日期的每个部分的任何文档.

如何以编程方式聚焦input[type="date"]元素的月/年部分,是否有关于如何在DOM中呈现此类元素的任何文档？

https://jsfiddle.net/uytdhqax/

<input id="dob" type="date" />

document.getElementById('dob').focus()

Answer 1

input[type=date]据我所知，在该元素的任何当前实现中这是不可能的。此外，不同的浏览器以不同的方式实现该元素，因此没有独立的实现文档。

人们必须问为什么你想要模仿这种行为。单独更改年份值不会为元素赋予值，除非还设置了日期和月份。至少在 Chrome 中，如果您有一个input[type=date]元素，您将看到一个包含占位符文本的元素dd/mm/yyyy。例如，如果您手动选择该yyyy部分并将其更改为2015，则输入的文本现在将显示为dd/mm/2015，但其value将是""（空字符串）。除非您手动编辑日期和月份部分，否则将焦点强制放在年份上只会让用户感到困惑。