Multiple datePicker on same page in dynamic form not working, why?

Question

Yii

The page has a dynamic form where multiple datePicker widgets are created

<?= $form->field($modelAddress,  "[{$i}]date")->widget(\yii\jui\DatePicker::className()) ?>

the first widget works, the others don't, you can't select a date.
in the source of the page it turns out like this

<input type="text" id="ordertemplate-0-date" name="OrderTemplate[0][date]" class="hasDatepicker" aria-invalid="true">
......
<input type="text" id="ordertemplate-1-date" name="OrderTemplate[1][date]" aria-invalid="true">

for some reason class="hasDatepicker" disappears, I tried to prescribe it explicitly, it still doesn't help, and is this the cause of the problem?
Maybe someone knows how to solve this crap, tried the widget from Katrik, the same thing, the first one works, the rest do not (

Answer 1

Good afternoon.
In order for all added DatePickers to work, you must first forcibly remove the dataPicker, and then re-initialize all visible widgets, forcibly.
It looks like this:

echo $form->field($model, '[0]date')->widget(DatePicker::className(),[
                'options' => [
                    'data' => [
                        'picker' => 'datepicker'
                    ]
                ]
         ])

and below, or in a separate file, there will be such js code:

$('#plus').on('click', function(){
       /* какой-то Ваш код */
       $('#testForm')..find('.hasDatepicker').datepicker('destroy');
       $('#testForm').find('input[data-picker=datepicker]').datepicker();
       /* какой-то Ваш код */
    })

I had to add the parameter "data-picker" because "destroy" removes the class "hasDatepicker"

Answer 2

1) use different IDs (you have them)
2) run a datepicker on each new instance.