Javascript 当textbox TextMode=”时，如何清除在边缘浏览器中输入的日期；日期；？

在ASPX页面中，我有几个文本框，只能接受日期格式的值。我添加了TextMode=“Date”属性来设置此属性，它的工作方式与在Chrome浏览器中输入和删除日期一样正常，但在Microsoft Edge浏览器中，我无法删除输入的日期（Edge浏览器不会像Chrome一样在文本框内显示“X”按钮）

镀铬日期：

Edge没有默认的清除按钮，因此解决方案是创建自己的函数来清除字段的值

function clearDate() {
    var input = document.getElementById("txtSample");
    input.value = "";
}

输出的HTML如下所示：

<input type="date" id="txtSample" placeholder="12-12-2017">
<button onclick="clearDate()">clear</button>

编辑为回答而不是评论。由于微软一直在与谷歌合作更新chrome表单控件，chrome中的“x”按钮将在某个时候被删除@奥斯汀霍兰德-谢谢你让我知道。现在清除输入日期的解决方案是什么？首先想到的是在chrome“x”现在所在的输入旁边或顶部添加您自己的“x按钮”。然后使用JavaScript在单击时将输入值设置为nothing。请参阅下面由@Frank Furter提供的答案，以获取此示例。正如@AustenHolland所提到的，Chrome和Edge之间的不一致问题应在将来解决。Furter-感谢您的回复。是否可以修改您的答案以支持asp文本框控件而不是输入（通用控件）@Jaggi我不熟悉asp文本框的呈现方式，因此我的示例基于HTML的输出。不过，我已经更新了示例中的CSS，将ID改为txtSample的元素作为目标。
<input type="date" id="txtSample" placeholder="12-12-2017">
<button onclick="clearDate()">clear</button>

#txtSample::-webkit-clear-button {
    display: none;
}