如何在日期字段中显示占位符并使其在 iOS Safari 中工作，

Question

在大多数浏览器中，我可以执行以下操作

const x = document.getElementById("asdf");
x.addEventListener("focus", () => {
  x.type = 'date'
})
x.addEventListener("blur", () => {
  x.type = 'text'
})

<input type="text" id="asdf" placeholder="foop" />

但是在移动 Safari 上，当我点击该字段时，它不会显示正确的日期选择器。

有什么我可以做的吗？