使用普通Javascript隐藏默认的日期选择器UI

我想创建一个输入字段，用户可以在其中输入日期。但我只想用键盘输入。我可以阻止打开默认日期选择器吗？当我点击或单击输入字段时，它会打开

<input type="date" id="pickerFromDate" placeholder="dd-mm-yyyy" name="pickerFromDate" min="1900-01-01" max="2100-01-01">

您只需要一个

，因为它仍然可以保存日期，但不能作为

日期

对象：

---

您可以使用文本输入模式

<input type="text" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" />

---

希望这对您有所帮助。

虽然这段代码可能会回答这个问题，但提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。

[type="date"]::-webkit-calendar-picker-indicator {
      display: none;
    }