角度：如何更改输入type =“ date”占位符值

Question

我遇到了这个问题，发现了很多解决方案，但是都不适合我的问题。

<input type="date" #evtDate required name="evtDate" placeholder="Select Event Date" id="evtDate" formControlName="eventDate">

它在浏览器上显示为：

我想在这里显示一个字符串占位符，类似：

我使用CSS之类的工具实现了这一点，

input[type="date"]::before {
  content: attr(placeholder);
  width: 100%;
}
input[type="date"]:focus::before,
input[type="date"]:valid::before { display: none }

当我单击日期部分时，此部分出现问题，日期输入再次更改为正常格式，例如：

如果我不使用此CSS部分，它仍会显示自定义占位符值，但不会更新输入内容。

// input[type="date"]:focus::before,
   // input[type="date"]:valid::before { display: none }

我还检查了是否为此输入type =“ data”创建了一些动态HTML，并且需要保留这些动态HTML以将数据设置为该格式。

任何人都可以建议如何做到这一点吗？预先感谢！

Answer 1

onfocus="(this.type='date')" onblur="(this.type='text')"

HTML<------>
  <div">
    <label for="date">Date : </label>
    <input placeholder="Your Date" class="form-control" type="text" onfocus=" . 
    (this.type='date')" onblur="(this.type='text')" id="date">
  </div>

Answer 2

您可以尝试以下代码

<input type="text" placeholder="Date" onfocus="(this.type='date')"/>