使用jquery清除文本框值

我使用了“”，在使用jQuery清除文本框时遇到了一个问题

我的html代码是：

<div class="input-group datetimepicker4">
    <input id="from" name="from" value="<?php echo $from ?>" placeholder="from" data-format="yyyy-MM-dd" readonly="readonly" type="text" style="background-color: #fff">
    <span class="input-group-addon add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
    </span>
</div>
<button class="btn btn-default" type="reset" name="reset">Reset</button>

按下按钮并检查控制台后，显示一个空值，该值是正确的，而文本框值保持旧值（输入值由脚本填充，但用户应能够在单击重置按钮时重置该值）

我将按钮类型从“重置”更改为“按钮”，现在又出现了另一个问题

$(document).ready(function () {
    $('button[type="button"]').click(function () {
        $('#from').val('');     
        console.log($('#from').val());
    });
});

---

单击按钮时，其值不再显示，而打开“检查元素”窗口时，将显示旧值，从而在提交表单后发布相同的值

问题是因为与数据选择器相关的

输入被隐藏，因此您没有更改正确的值。如果检查API，您可以看到需要使用
setValue
方法更新字段值，以保持隐藏字段和可见字段同步。试试这个：

$('.datetimepicker4').data('datetimepicker').setDate(null);

上面的链接不正确。我编辑了网址。以下是文档：。但是我不知道如何使用setDate函数。。。！它仍然列在那个页面上。我已经为您更新了示例。已经尝试并得到了以下错误：Uncaught TypeError:无法调用undefined的方法“setDate”
$('.datetimepicker4').data('datetimepicker').setDate(null);