Javascript 清算日期字段，尽管提供只读

这就是我定义日期字段的方式

<td colspan="2" height="22px">
    <input type="text" readonly="readonly"  name="fromDate" id="fromDate" size="35%">
</td>

当我使用上面的代码时，我可以使用backspace和delete。对于数字，e.keyCode在警报框中仅给出0作为值！！箭的作用

这使我的字段不可编辑。就像我不能使用退格一样。我需要只读，因此无法删除它。有人能帮我完成编辑这个字段的退格/删除吗

谢谢

---

理解给类型编号留出空间是不合逻辑的。其余部分工作正常。谢谢你的建议

readonly

意味着不会处理任何

键

事件，只能通过编程方式修改输入。如果希望清除该值，则需要包含一个单独的元素，用作“清除”按钮：

<td colspan="2" height="22px">
    <input type="text" readonly="readonly"  name="fromDate" id="fromDate" size="35%">
    <button class="clear-date">Clear</button>
</td>

---

我必须通过将光标放在字段上并保留一个单独的按钮来重置它来清除它。@sahana你的意思是，当单击“重置”按钮时，你需要清除文本框并聚焦相同的焦点？我得到了解决方案。谢谢Rory和Vinoth的帮助

<td colspan="2" height="22px">
    <input type="text" readonly="readonly"  name="fromDate" id="fromDate" size="35%">
    <button class="clear-date">Clear</button>
</td>

$("#fromDate").keypress(function(e) {
    switch(e.keyCode) { 
        case 46:  // delete
        case 8:  // backspace
          break;
        default:
            e.preventDefault();
            break;
    }
});