类型日期 - 仅使用日历选择器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>

但它冻结了整个表格。

任何提示？ 或者有没有任何快速的方法来阻止用户打破日期格式？ （因为我使用bootstrap我不喜欢使用jquery）

Answer 1

当用户按下某个键时，你可以返回false，如果你准备在那里抛出一些JS：

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

Here's a jsFiddle

Answer 2

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