Javascript 防止用户将日期键入HTML5日期字段

Javascript 防止用户将日期键入HTML5日期字段,javascript,jquery,html,date,Javascript,Jquery,Html,Date,我在表单上有一个HTML5“日期”输入字段。它显示的日期限制在给定范围内。 这个很好用 我需要防止用户使用键盘将日期键入该字段,使他们依赖该字段提供的日历下拉列表,并使用鼠标单击所选日期 如何做到这一点?“日期”输入有这样的控件吗 非常感谢 您可以通过停止keyup事件的默认工作来实现这一点 //HTML <input id="date" type=date> //Javascript document.getElementById("date").onkeyup=function

我在表单上有一个HTML5“日期”输入字段。它显示的日期限制在给定范围内。 这个很好用

我需要防止用户使用键盘将日期键入该字段,使他们依赖该字段提供的日历下拉列表,并使用鼠标单击所选日期

如何做到这一点?“日期”输入有这样的控件吗


非常感谢

您可以通过停止keyup事件的默认工作来实现这一点

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

//Javascript
document.getElementById("date").onkeyup=function(){
   return false;
}
像这样工作:

Javascript/Jquery:

$("input").keydown(false);
HTML:


希望这能有所帮助。

如果我了解您的问题,一个简单的解决方案是将输入设置为只读,类似于但当然HTML可以很容易地更改,但是。。。如果这对您很重要,您应该验证您的日期服务器端。在客户机上进行的任何验证/限制都是用户友好的,并且避免了到服务器的往返,但真正的数据验证只在服务器上进行。尽管这是可能的,从可访问性的角度来看,我建议不要这样做:您的一些用户可能首先无法使用鼠标。谢谢您的评论。我不明白为什么我在这个问题上得了-2分。。。我做错了什么@dradd,我没有投反对票,但很可能是因为两个常见的嫌疑:在你的问题上没有明显的研究努力,也没有代码显示你试图解决你的问题。
<input type="Date" />