输入字段宽度设置为内容

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

Answer 2

size类型的input html标记的text属性用于指定字符的可见宽度。 因此

function adjust_width(element) {
    element.size=element.value.length;
}
adjust_width($('#date')[0]);
adjust_width($('#time')[0]);

应该用你的例子来做。