如何限制输入文本中显示的字符数？

Question

我有一个PHP字符串I CANT CHANGE，它产生一个带有这样日期的输入：

<input type="text" value="2016-07-12 00:00:00" maxlength="10">

我不需要00:00:00部分所以我使用maxlength将其剪掉但仍然显示。我该怎么做才能脱掉它？我无法更改PHP，所以我只能依赖CSS和HTML解决方案。

Answer 1

如果您想使用CSS实现此目的，请阅读this。

使用javascript可以通过以下方法实现：

var val = document.getElementById("myDate").value;
document.getElementById("myDate").value = val.substring(0, val.indexOf(" "));

<input type="text" value="2016-07-12 00:00:00" maxlength="10" id="myDate">

var val = document.getElementById("myDate").value;
document.getElementById("myDate").value = val.split(" ")[0];

<input type="text" value="2016-07-12 00:00:00" maxlength="10" id="myDate">

var val = document.getElementById("myDate").value;
var maxLen = 10;
document.getElementById("myDate").value = val.substring(0,maxLen);

<input type="text" value="2016-07-12 00:00:00" maxlength="10" id="myDate">

Answer 2

将id或任何选择器设置到文本框并放在js代码下面。

document.getElementById（“dateField”）。value = new Date（）。toISOString（）。substring（0,10）;