javascript - html5输入的焦点月份或年份[类型="date"]

标签 javascript jquery html

我包括了一个 fiddle ,展示了当你将焦点应用到元素上时会发生什么,它将焦点设置到输入的“天”部分,但我找不到任何关于 DOM 如何呈现和识别每个部分的文档日期。

我如何以编程方式关注 input[type="date"] 元素的月/年部分,是否有关于如何在DOM?

https://jsfiddle.net/uytdhqax/

<input id="dob" type="date" />
document.getElementById('dob').focus()

最佳答案

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

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

关于javascript - html5输入的焦点月份或年份[类型="date"],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30085591/

相关文章:

Javascript 性能 ? - 将事件放在 html 标签中,或绑定(bind)它们?

javascript - 如何在 Kendo 网格中没有事件的情况下知道哪一行处于编辑模式

javascript - Jquery Ajax 不适用于 Codeigniter

javascript - 如何使用 JQuery 将动画内容移回悬停后的正常位置

javascript - 如何检测触摸屏被按下超过 2 秒?

javascript - 如何在简单的 ES6 应用程序中实现路由模拟?

javascript - 如何播放音频?

javascript - 在没有 MFC 的情况下从 C++ 运行 JavaScript 函数

javascript - 尝试在 Chrome 中使用 jQuery 同步 AJAX + .ready() 时出现不可预测的行为

html - 最好的布置方式是什么?水平规则?