Javascript Bootstrap datepicker在纯HTML中工作,但在(#).HTML()中不工作
在html中工作:Javascript Bootstrap datepicker在纯HTML中工作,但在(#).HTML()中不工作,javascript,jquery,html,bootstrap-4,Javascript,Jquery,Html,Bootstrap 4,在html中工作: <input class="m-ctrl-medium date-picker" size="16" type="text" id='lateETD1' name="dateRecv" value=""/> 不在以下地点工作: var ETD = $("#ETD"); ETD.html("<input class='m-ctrl-medium date-picker' id='lateETD1' name="dateRecv" size='16' ty
<input class="m-ctrl-medium date-picker" size="16" type="text" id='lateETD1' name="dateRecv" value=""/>
不在以下地点工作:
var ETD = $("#ETD");
ETD.html("<input class='m-ctrl-medium date-picker' id='lateETD1' name="dateRecv" size='16' type='text' value=''/>");
var-ETD=$(“#ETD”);
html(“”);
DOM插入中存在问题。此时会出现一个简单的文本框,而不是日期选择器。请尝试以下操作:
var ETD = $("#ETD");
ETD.html("<input class='m-ctrl-medium date-picker' id='lateETD1' name="dateRecv" size='16' type='text' value=''/>");
$(ETD).datepicker();
var-ETD=$(“#ETD”);
html(“”);
$(ETD.datepicker();
这是因为在加载DOM时,可能是在新元素存在之前初始化日期选择器。将其附加到DOM后,需要在新元素上再次初始化它,如下所示:
$('<input class="m-ctrl-medium date-picker" id="lateETD1" name="dateRecv" size="16" type="text" value="" />').appendTo('#ETD').datepicker()
$('').appendTo('#ETD').datepicker()
从脚本中动态添加文本框后,需要重新初始化日期选择器
var-ETD=$(“#ETD”);
html(“”);
$('#lated1')。日期选择器({
自动关闭:正确
});代码>
is id ETD is div id?注意#ETD
是包含div
的。输入是日期选择器。@RoryMcCrossan,你说得对,应该是:$('lateETD1')。日期选择器();