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

Question

我有一个我无法更改的 PHP 字符串，它会生成一个带有如下日期的输入:

<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">