Javascript wbraganca yii2动态表单日期选择器问题?
我正在使用wbraganca动态表单。在我的表单中,一个字段需要日期选择器,所以我使用如下的jui日期选择器Javascript wbraganca yii2动态表单日期选择器问题?,javascript,yii2,uidatepicker,yii2-advanced-app,dynamicform,Javascript,Yii2,Uidatepicker,Yii2 Advanced App,Dynamicform,我正在使用wbraganca动态表单。在我的表单中,一个字段需要日期选择器,所以我使用如下的jui日期选择器 <?= $form->field($model, "[{$i}]DOB")->widget(DatePicker::classname(), [ 'language' => 'en', 'options' => ['class'=>'cust-form-
<?= $form->field($model, "[{$i}]DOB")->widget(DatePicker::classname(), [
'language' => 'en',
'options' => ['class'=>'cust-form-control dob','placeholder'=>'Date of birth','autocomplete'=>'off','readOnly'=>true,'aria-label' => 'Date of Birth'],
'clientOptions'=>[
'changeMonth'=>true,
'changeYear'=> true,
'yearRange'=> "1925:+0",
'dateFormat' => 'dd/mm/yy',
'maxDate' => "-1D",
],
])->label(false); ?>
$(function () {
$(".dynamicform_wrapper").on("afterInsert", function(e, item) {
$( ".dob" ).each(function() {
$( this ).datepicker({
dateFormat : 'dd/mm/yy',
yearRange : '1925:+0',
maxDate : '-1D',
language : 'en',
changeMonth: true,
changeYear: true
});
});
});
}))
所以日期选择器正确地打开所有表单,我打开多个表单并逐个选择日期选择器意味着它工作正常。但问题是,例如,首先我打开了两个表单并关闭了第一个表单,现在第二个表单首先出现,此时日期选择器将出现,但它不可单击。使用
删除后
并重新初始化日期选择器:
$this->registerJs('
$(function () {
$(".dynamicform_wrapper").on("afterInsert", function(e, item) {
$( ".dob" ).each(function() {
$( this ).datepicker({
dateFormat : "dd/mm/yy",
yearRange : "1925:+0",
maxDate : "-1D",
changeMonth: true,
changeYear: true
});
});
});
});
$(function () {
$(".dynamicform_wrapper").on("afterDelete", function(e, item) {
$( ".dob" ).each(function() {
$( this ).removeClass("hasDatepicker").datepicker({
dateFormat : "dd/mm/yy",
yearRange : "1925:+0",
maxDate : "-1D",
changeMonth: true,
changeYear: true
});
});
});
});
');
您可以使用类
hasDatepicker
重新初始化datepicker。处理它,运气好时会更新。谢谢您和firebug我遇到了这个错误/未捕获的异常:缺少此datepicker的实例数据非常感谢您。疯狂的骷髅头,我已经尝试了三天了再次感谢您