<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>这段代码显示 的带小时分钟如何修改才能只带年月日
时间: 2024-02-14 10:12:03 浏览: 18
你可以将 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;
}
```
这样就可以隐藏该元素中的时间控件了,只显示日期。
你只是不显示控件时分部分我也不显示
如果你不需要将时间部分显示在页面上,可以将 type="datetime-local" 改为 type="date",并在后端处理时将时间部分设置为一个默认值,例如 00:00:00。这样页面上就只会显示日期部分,而时间部分则被设置为默认值,不会在页面上显示。
如果你想在前端处理时间部分,可以使用 JavaScript 将时间部分设置为默认值。以下是一个示例代码:
HTML 代码:
```
<td>
<input id="field_inDate" data-cy="inDate" type="date" class="form-control" name="inDate" formControlName="inDate" placeholder="YYYY-MM-DD" />
</td>
```
JavaScript 代码:
```
var input = document.getElementById("field_inDate");
input.addEventListener("change", function() {
var value = input.value;
if (value) {
input.value = value + "T00:00:00";
}
});
```
这段代码会在 input 元素的值发生变化时,将时间部分设置为 00:00:00。这样就可以只显示日期,而不显示时间的控件了。