在使用相同的类名多次克隆一个日期选择器之后,我们可以使用类名调用j查询日期选择器(在JavaScript文件中)吗?
我使用jQuery引导DateTimePicker获取日期值作为表单中的输入。在这种形式中,同一个日期字段需要多个值。为此,使用相同的类名克隆相同的datetimepicker输入字段。但是当我执行代码时,只有第一个datetimepicker工作。其他克隆的日期时间选择器不起作用 这个问题有解决方案或替代方法吗 HTML代码在使用相同的类名多次克隆一个日期选择器之后,我们可以使用类名调用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
克隆后,您需要删除默认的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,
});