html - 预填表单时如何重置输入日期值

Question

我知道这个问题存在，但我找不到正确的解决方案，而且其他人的问题似乎与我的不同。我已经检查过了：你如何以编程方式清除 HTML5 日期字段？. 在我的情况下，表单由现有值预先填充，我希望用户通过表单更新将数据库中的日期更改为空。这是我尝试过的：

$('input[name=theDate]').val('');    //does not work.

$('input[name=theDate]').removeAttr('value'); //does not work too

在第一种情况下，我在输入中得到 jj/mm/aaaa，但在 dom 中，我总是有这个输入的现有值

<input type="date" name="theDate" value="2022-04-03">

在第二种情况下，我得到 jj/mm/aaaa 并且属性值不再存在，但是服务器正在获取现有值，就像属性存在但只是隐藏一样。

<input type="date" name="theDate">

如何处理？谢谢

Answer 1

您是否尝试过“id”属性？

<input type="date" name="theDate" id="theDate" value="2022-04-03">

$("#theDate").val("");