预填表格时如何重设输入日期值

问题描述

我知道这个问题存在，但是我找不到正确的解决方案，而且其他人的问题似乎与我的不同。我已经检查过：How do you programmatically clear HTML5 date fields?。 就我而言，表单是由现有值预先填充的，我希望用户通过表单更新将数据库中的日期更改为null。 这是我尝试过的：

$('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">

如何处理？ 谢谢

解决方法

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

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

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