如何在 JavaScript 中動態從輸入類型日期更新為輸入類型文本字段

Question

我想創建一個帶日期的輸入字段，但是當用戶輸入他的名字進行搜索時，它也可以在同一個字段中工作。

更具體地說，我想在JavaScript的搜索過濾器按鈕中創建一個帶有文本和日期輸入字段的動態輸入字段。

是否可以創建一個帶日期的字段，然后當用戶想按名稱搜索時，他可以在同一字段中搜索名稱，如果他想按日期搜索過濾器，他也可以在同一字段中搜索。

如果有可能，那么我該怎么做？

Answer 1

您可以使用setAttribute(attr, value)屬性來更改屬性類型。 更多可以在這里找到

使用按鈕的示例：

 function searchByName(){ document.getElementById("search").setAttribute("type","text"); } function searchByDate(){ document.getElementById("search").setAttribute("type","date"); }

 <button onclick="searchByName();">Search by name</button> <button onclick="searchByDate();">Search by date</button> <input type="date" name="search" id="search" />