如何通过jQueryUI datepicker小部件设置动态添加的 input
字段的宽度?
我有2个输入,"Calendar input"是我们选择日期的地方,它将通过 altField
方法(datepicker的核心方法)自动添加到我们的附加输入中 . 那么我可以动态调整 input
使其更小\更大吗?
Additional input: <input type="text" id="alternate" value="December,19 2015"><br>
Calendar input: <input type="text" id="from">
$("#from").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
altField: "#alternate",
altFormat: "MM d, yy",
onClose: function (selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate);
}
});
这是一个小提琴的链接 - https://jsfiddle.net/mhf7kxo4/
3 回答
这是您正在寻找的working fiddle .
基本输入autoresize插件(只是扩展了one的isValidWidthChange限制):
只需添加这些行:
因为你只想在datepicker日期选择上做一些事情,你可以在日期选择器的
onClose
或onSelect
回调中添加你的东西例:
你的意思是这样的吗?
jsFiddle Demo
如果您不想使用插件,您可能希望看到此解决方案:
Adjust width of input field to its input