使用 jquery datepicker 时如何清除/重置日期字段答案

【问题标题】：How do I clear/reset date field when using jquery datepicker使用 jquery datepicker 时如何清除/重置日期字段
【发布时间】：2015-11-22 18:57:07
【问题描述】：

当用户点击文本框时，我正在使用以下代码显示日期选择器。

<asp:TextBox ID="StartDate" ClientIDMode="Static" runat="server" Text="" class="mytextbox"></asp:TextBox>

$(function () {
        $("#StartDate").datepicker();
    });

这很好，但是一旦用户选择了一个日期，就无法清除该文本框，因为所有键都被禁用。

我尝试在该文本框中使用以下内容，但它不起作用。

onkeypress="if(e.keyCode == 8 || e.keyCode == 46) { $('#StartDate').datepicker('setDate', null); }"

如何清除该字段？

【问题讨论】：

你介意提供一个例子吗？您可以清除值here。您的输入字段是否已禁用或其他原因？

标签： asp.net jquery-ui datepicker

【解决方案1】：

要清除字段，您只需$("#StartDate").val("");

请参阅下面的评论，您可以看到一个有效的plunker

【讨论】：

但这就是我在哪里调用这个方法的问题？因为 keyCode 8 和 keyCode46 不起作用。我试图在该代码中“警告”，但什么也没发生。
所以要做到这一点，您将绑定事件而不是将其添加为属性。 $(function () { $("#StartDate").datepicker().on("keydown",function(e){if(e.keyCode == 8 || e.keyCode == 46) { $('#StartDate').datepicker('setDate', null); }}); });plunker