类型日期 - 仅使用日历选择器的输入HTML5

类型日期 - 仅使用日历选择器的输入HTML5

问题描述:

有没有办法不允许手动编辑日期?我的意思是我想强制用户只使用日历选择日期。类型日期 - 仅使用日历选择器的输入HTML5

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

+0

这可能是不可能的,但为什么要摆脱这种可能性呢? – 2013-04-24 15:59:32

+1

1.您将通过删除用户期望的基本UI来破坏自己页面的用户体验; 2.您只需将页面不可用于不支持“日期”输入的浏览器; 3.做适当的验证,而不是依赖客户端的东西,可以轻松绕过。 – 2013-04-24 16:04:21

+0

@FabrícioMatté+1谢谢你的好评。事实上,验证似乎是一个更好的解决方案。 – JosephConrad 2013-04-24 16:09:56

你可以返回false当用户按下一个键,如果你准备扔了一下JS的有:

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

Here's a jsFiddle

+0

+1非常感谢!它完美的作品。 – JosephConrad 2013-04-24 16:02:38

+0

有没有办法像月份一样显示整个月份的名字? – 2014-08-29 06:57:18

+0

'onkeypress =“return false”'不能防止退格,但'onkeydown =“return false”'做 – raghavsood33 2015-10-14 03:46:48