<td> <input id="field_inDate" data-cy="inDate" type="datetime-local" class="form-control" name="inDate" formControlName="inDate" placeholder="YYYY-MM-DD HH:mm" /> </td> 以上是一段angular代码我想让这段代码不显示时分于是我将 type="datetime-local"改成 type="date"，但是这样改后页面显示的数据就没了为什么怎么解决

将 `type="datetime-local"` 改成 `type="date"` 后，页面只会显示日期，而不会显示时间。如果你想让页面同时显示日期和时间，但是不想让用户选择时间，可以将 `type="datetime-local"` 改成 `type="text"`，然后在输入框内添加一个默认的时间值，例如：

<td>
  <input id="field_inDate"
         data-cy="inDate"
         type="text"
         class="form-control"
         name="inDate"
         formControlName="inDate"
         placeholder="YYYY-MM-DD HH:mm"
         value="2021-10-20 00:00" />
</td>

这样，页面会默认显示 2021-10-20 00:00 这个时间值，用户无法修改，但是仍然可以看到日期和时间。

相关问题

<td> <input id="field_inDate" data-cy="inDate" type="datetime-local" class="form-control" name="inDate" formControlName="inDate" placeholder="YYYY-MM-DD HH:mm" /> </td>这段代码显示 的带小时分钟如何修改才能只带年月日

你可以将 input 标签中的 type 属性修改为 date，这样就只会显示年月日，而不会显示小时分钟。修改后的代码如下所示：

<td>
  <input
    id="field_inDate"
    data-cy="inDate"
    type="date"
    class="form-control"
    name="inDate"
    formControlName="inDate"
    placeholder="YYYY-MM-DD"
  />
</td>

注意，修改后只会显示年月日，而不会包含时间。如果需要保留时间，但不需要显示秒数，可以将 type 属性设置为 datetime-local。

不可以将 type="date" 改为 type="text"换一种改法

如果你不想将 type="datetime-local" 改为 type="date" 或 type="text" 的话，你可以通过修改 CSS 样式来隐藏该元素中的时间控件。你可以在该元素的父级元素中添加一个 class，然后在 CSS 样式表中设置该 class 的 display 属性为 none。例如：

HTML 代码：

<td class="datetime">           
  <input id="field_inDate" data-cy="inDate" type="datetime-local" class="form-control" name="inDate" formControlName="inDate" placeholder="YYYY-MM-DD HH:mm" />         
</td>

CSS 代码：

.datetime input[type="time"], .datetime input[type="date"] {
  display: none;
}

这样就可以隐藏该元素中的时间控件了，只显示日期。