jQuery 日期选择器，其中文本输入是只读的

Question

我想使用 Jquery 日期选择器。我已经使用 alt 字段选项进行了设置。我在文本字段中显示 D/M/Y，但提交 YMD。到目前为止，一切工作正常，发送正确的数据等。

但是我想阻止用户手动输入日期。我最初将 INPUT 字段设置为禁用，该字段适用于除 IE 之外的所有浏览器。在 IE 中，它会弹出日期选择器，但单击日期后不会关闭。

有谁知道最好的方法来做到这一点？

Answer 1

为了防止用户手动编辑输入，我将附加一个按键事件并返回 false/阻止其处理程序的默认值。
这样，如果他有 javascript，他可以使用日期选择器，如果没有，他可以手动编辑输入。

$("#input-id").keypress(function (e)
{
    e.preventDefault();
});

Answer 2

扩展 nc3b 的答案：

$("#input-id").keydown(function (e)
{e.preventDefault();});

将阻止诸如退格键、删除键等键。否则，您可能有一个像 11/11/2012 这样的日期，并且用户可以将其退格到 11/11/201，从技术上讲，这仍然是一个有效的日期给JS。

Answer 3

您还可以执行以下操作：

<input type="text" id="datepicker" name="datepicker" readonly="readonly" />

请参阅上面的 readonly 属性。

如果您还希望日历在 获得焦点时显示，请添加以下内容：

$("#datepicker").datepicker({ showOn: 'both' });

Answer 4

禁用输入字段后，使用 destroy 方法删除日期选择器。重新启用该字段时，只需再次重新创建日期选择器即可。

$("#target").datepicker("destroy");