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作为值！箭头工作

这使我的字段不可编辑。就像我无法使用退格键。我需要readonly所以我不能删除它。有人可以帮助我用这个字段的退格/删除来编辑字段吗？

由于

理解为空间键入数字是不合逻辑的。其余的东西是正确的。谢谢你的建议。

Answer 1

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('');
});

Answer 2

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

清除日期字段尽管给予readonly

2 个答案: