javascript - 输入字段宽度设置为内容

Question

所以我有这个 jsfiddle .我有两个 jquery ui 插件女巫给这两个输入字段值。因此用户不需要手动编辑字段，因此它们被设置为只读。

现在问题来了，有没有办法根据内容大小更改输入字段的宽度？仅将 css 中的宽度设置为 300px 左右可能适用于 Septemember，但如果用户选择其他月份(如 May)，则它需要小于 300px。

Answer 1

检查一下:http://jsfiddle.net/SSBYG/30/

我做的是统计所有的字符，然后根据结果设置宽度

date.style.width = (date.value.length * 7) + "px";
time.style.width = (time.value.length * 7) + "px";

注意:如果你要经常使用它而不是 2 次，最好做一个函数

这也很有用:jQuery count characters and add class