输入占位符覆盖日期答案

【问题标题】：Input placeholder overrides date输入占位符覆盖日期
【发布时间】：2018-10-14 21:35:50
【问题描述】：

在 Chrome 中，当用户没有完全给出日期时，占位符会覆盖日期：

手动删除月份：

当输入中没有年份、月份和日期时，是否有任何解决方案来解决占位符必须放在日期位置的代码。

源代码：

<input
    id="tf-datefrom-text"
    class="form-control"
    type="date"
    placeholder="Select date"
    ng-blur="checkValidation()"
    min="{{vm.minDate}}"
    max="{{vm.maxDate}}"
    ng-model="vm.dateFrom"
    aria-describedby="basic-addon2"
    required
    ng-required="true"/>

并且输入字段没有 CSS。

【问题讨论】：

您在哪个浏览器中遇到过这种情况？另外，你能提供html和css代码吗？你是否也使用一些 css 框架（如 Material design）？
@BálintBudavölgyi 已回答问题。
如果您使用 Material Design Light（抱歉，如果没有），升级到最新版本可能会解决您的问题，如下所示：github.com/google/material-design-lite/issues/243
看起来你正在使用像 Angular 或 VueJs 这样的前端框架，你能否在你的问题中扩展你正在使用的内容和一些示例代码。
@Malcor 我使用 AngularJS。

标签： css html input

【解决方案1】：

如果您使用 Material Design，升级到最新版本可能会解决您的问题，因为这是早期版本中的错误。在thread 中查看更多信息。

【讨论】：