如何为本地时间输入字段设置占位符

Question

我最近添加了一个datetime-local输入字段，该字段在Chrome桌面上看起来不错（您可以看到用户应添加日期和时间的格式），但是在android上，该输入字段为空，甚至在iOS上更糟糕的是，那里没有任何填充，因此看起来像是一条细线，而不是输入字段。

我想在其中添加一个占位符，以便人们可以清楚地看到该字段是可单击的/可编辑的。

在另一条基本要求相同的帖子上，只有一个解决方案：将其更改为文本输入字段，然后将焦点更改为datetime-local类型。

我尝试过，但是随后一个人需要单击两次才能选择日期和时间。有没有办法让用户立即选择？

这就是我现在拥有的：

$("#txtbox").focus(function() {
  $(this).attr({
    type: 'datetime-local'
  });
});

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<input type="text" id="txtbox" placeholder="Kies een datum en tijd" required>