html - 输入日期 - 仅使用日历选择器 HTML5 输入

Question

有什么办法不允许手动编辑日期？我的意思是我想强制用户只使用日历来选择日期。

有

<input type="date"   value="yyyy-mm-dd" class="input-medium search-query">

用户可以在输入表单中输入一些内容。我试图这样做：

<input type="date"   value="yyyy-mm-dd" class="input-medium search-query" disabled>

但它冻结了整个形式。

有什么提示吗？或者也许有什么快速的方法可以防止用户破坏日期格式？（因为我使用引导程序，所以我不喜欢使用 jquery）

Answer 1

如果您准备在其中扔一些 JS，您可以在用户按下键时返回 false：

<input type="date"   value="yyyy-mm-dd" class="input-medium search-query" onkeypress="return false">

这是一个 jsFiddle

Answer 2

在旧浏览器中，不支持 type=date 并将降级为 type=text。然后，onkeydown='return false' 方法将使输入变得不可能。