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

【问题标题】：How to limit the number of characters displayed inside input text?如何限制输入文本中显示的字符数？
【发布时间】：2016-07-13 06:24:46
【问题描述】：

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

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

我不需要 00:00:00 部分，所以我使用 maxlength 将其切断，但它仍然显示。我能做些什么来把它取下来？我无法更改 PHP，所以我只能依赖 CSS 和 HTML 解决方案。

【问题讨论】：

【解决方案1】：

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

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

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

&lt;input type="text" value="2016-07-12 00:00:00" maxlength="10" id="myDate"&gt;

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

&lt;input type="text" value="2016-07-12 00:00:00" maxlength="10" id="myDate"&gt;

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

&lt;input type="text" value="2016-07-12 00:00:00" maxlength="10" id="myDate"&gt;

【讨论】：

【解决方案2】：

为您的文本框设置 id 或任何选择器并放置在 js 代码下方。

document.getElementById("dateField").value = new Date().toISOString().substring(0, 10);

【讨论】：