<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",但是这样改后页面显示的数据就没了为什么怎么解决
时间: 2024-02-14 11:12:52 浏览: 58
如果将 type="datetime-local" 改成 type="date" 后,页面显示的数据丢失了,这是因为 type="date" 只接受日期,不接受时间,所以会将时间部分忽略掉,只显示日期。如果你需要同时显示日期和时间,但是又不想显示时间的控件,你可以使用 JavaScript 将时间部分设置为固定值,例如 00:00。以下是一个示例代码:
HTML 代码:
```
<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>
```
JavaScript 代码:
```
var input = document.getElementById("field_inDate");
input.addEventListener("change", function() {
var value = input.value;
if (value) {
input.value = value.replace(/(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}).*/, "$1T00:00");
}
});
```
这段代码会在 input 元素的值发生变化时,将时间部分设置为 00:00。这样就可以只显示日期,而不显示时间的控件了。
阅读全文