Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Bootstrap datepicker在纯HTML中工作,但在(#).HTML()中不工作_Javascript_Jquery_Html_Bootstrap 4 - Fatal编程技术网

Javascript Bootstrap datepicker在纯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

在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' 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')。日期选择器();