javascript - 尽管给予只读，但清除日期字段

Question

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

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

我试过了

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

当我使用上面的部分时，我可以使用退格和删除。对于数字，e.keyCode 在警告框中仅给出 0 作为值！箭头工作

这使我的字段不可编辑。就像我无法使用退格键一样。我需要只读，所以我不能删除它。有人可以帮我实现用退格键/删除这个字段来编辑字段吗？

谢谢

理解为输入数字留出空间是不合逻辑的。其余的东西工作正常。感谢您的建议。

Answer 1

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

Answer 2

readonly只是意味着 - 不会key处理任何事件，并且只能以编程方式修改输入。如果要清除该值，则需要包含一个单独的元素以用作“清除”按钮：

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

$('.clear-date').click(function() {
    $('#fromDate').val('');
});