Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
在使用相同的类名多次克隆一个日期选择器之后,我们可以使用类名调用j查询日期选择器(在JavaScript文件中)吗?_Javascript_Jquery_Html_Clone_Datetimepicker - Fatal编程技术网

在使用相同的类名多次克隆一个日期选择器之后,我们可以使用类名调用j查询日期选择器(在JavaScript文件中)吗?

在使用相同的类名多次克隆一个日期选择器之后,我们可以使用类名调用j查询日期选择器(在JavaScript文件中)吗?,javascript,jquery,html,clone,datetimepicker,Javascript,Jquery,Html,Clone,Datetimepicker,我使用jQuery引导DateTimePicker获取日期值作为表单中的输入。在这种形式中,同一个日期字段需要多个值。为此,使用相同的类名克隆相同的datetimepicker输入字段。但是当我执行代码时,只有第一个datetimepicker工作。其他克隆的日期时间选择器不起作用 这个问题有解决方案或替代方法吗 HTML代码 克隆后,您需要删除默认的datepicker类hasDatepicker,并使用如下所示的新实例重新初始化datepicker $('.emp\u date\u fro

我使用jQuery引导DateTimePicker获取日期值作为表单中的输入。在这种形式中,同一个日期字段需要多个值。为此,使用相同的类名克隆相同的datetimepicker输入字段。但是当我执行代码时,只有第一个datetimepicker工作。其他克隆的日期时间选择器不起作用

这个问题有解决方案或替代方法吗

HTML代码


克隆后,您需要删除默认的datepicker类
hasDatepicker
,并使用如下所示的新实例重新初始化datepicker

$('.emp\u date\u from')。日期选择器({
格式:“yyyy-mm-dd”,
自动关闭:是的,
今天的亮点:没错,
});
var$section=$(“.form group”).clone();
$(“#克隆”)。单击(函数(){
var$sectionClone=$section.clone();
$('.wrapper').append($sectionClone);
var$this=$('.wrapper').find('.emp_date_from');
initDatepicker();
});
函数initDatepicker(){
$('.wrapper')。查找('.emp_date_from')。每个(函数(i,e){
$(this).removeClass('hasDatepicker').datepicker({
格式:“yyyy-mm-dd”,
自动关闭:是的,
今天的亮点:没错,
});
});
}
<div class="form-group">
  <label for="emp_date_from">Date From</label>
  <input id="emp_date_from" name="emp_date_from[]" type="text" class="form-control emp_date_from" required="" />
</div>
jQuery('.emp_date_from').datepicker({
  format: 'yyyy-mm-dd',
  autoclose: true,
  todayHighlight: true,
});