<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> 我想让这段代码不显示时分于是我将 type="datetime-local"改成 type="date"，但是这样改后页面显示的数据就没了为什么怎么解决
8浏览 · 2024-02-14 21:32:49
将 type="date" 改为 type="text"，并在 input 标签中[添加]([http](https://geek.csdn.net/educolumn/68f28ca3131d47699e5902c5d3d74d51?spm=1055.2569.3001.10083)s://geek.csdn.net/educolumn/4d4bec229f163522438e69abc8681710?spm=1055.2569.3001.10083)一个 pattern [属性](https://geek.csdn.net/educolumn/5280ca4eda584c6baf7c2ec8010927f9?spm=1055.2569.3001.10083)来限制输入的日期格式。例如，如果你想让用户输入的日期格式为 YYYY-MM-DD，可以在 input 标签中加入以下[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)：pattern="\d{4}-\d{2}-\d{2}"。这样用户在输入日期时就只能按照这个格式输入，而不会出现[显示](https://geek.csdn.net/educolumn/103ca72607c717122e068b9f06a24df6?spm=1055.2569.3001.10083)不出来的问题。
相关问题
你可以将 input 标签中的 type 属性修改为 date，这样就只会显示年月日，而不会显示小时分钟。修改后的代码如下所示：
<input
id="field_inDate"
data-cy="inDate"
type="date"
class="form-control"
name="inDate"
formControlName="inDate"
placeholder="YYYY-MM-DD"
注意，修改后只会显示年月日，而不会包含时间。如果需要保留时间，但不需要显示秒数，可以将 type 属性设置为 datetime-local。
如果你不想将 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" />