Есть форма, где создаётся множество интервалов дат и кнопка добавить интервал. Нажимая на кнопку добавить интервал подтягивается шаблон где есть два виджета датапикера, начало, конец и чекбокс. Когда шаблон вставлен в dom то клик по иконке календаря не открывает календарь для выбора даты и времени. Если в основной вьюхе вызвать 2 виджета то они работают, но вот, если даже сделать $().clone() строки с этими узлами дома (клон должен и энвенты копировать).
Но после клона вторая строка с виджетами также не работает.
в колтроллере:
public function actionAddTime() {
$this->layout= false;
return $this->render('_datetime');
}
Во вьюхе:
<div id="date-and-time"> </div>
<?
$jsAddTimeTpl = <<<JS
$('#add-datetime').click(function(e) {
e.preventDefault(false);
$.post('/panel/events/add-time', {}, function(data) {
$('#date-and-time').append(data);
});
});
JS;
$this->registerJs($jsAddTimeTpl);
?>
партиал виьюхи для строки с пикерами дат:
use yii\helpers\Html;
use kartik\datetime\DateTimePicker;
?>
<div class="col-md-4" style="margin: 0 0 15px 0">
<?= DateTimePicker::widget([
'value' => '',
'options' => ['placeholder' => 'Укажите дату начала события'],
'name' => 'EventsDate[end_date][]',
'removeButton' => false,
'pluginOptions' => [
'weekStart' => 1,
'autoclose' => true,
'format' => 'yyyy-mm-dd HH:ii',
'todayHighlight' => true
]
]); ?>
</div>
<div class="col-md-4" style="margin: 0 0 15px 0">
<?= DateTimePicker::widget([
'value' => '',
'options' => ['placeholder' => 'Укажите дату начала события'],
'name' => 'EventsDate[end_date][]',
'removeButton' => false,
'pluginOptions' => [
'weekStart' => 1,
'autoclose' => true,
'format' => 'yyyy-mm-dd HH:ii',
'todayHighlight' => true
]
]); ?>
</div>
<div class="col-md-4" style="padding-top: 15px;">
<label for="events-repeat" style="margin-right: 15px">Повторяющийся событие?</label>
<?= Html::checkbox('EventsDate[repeat]', '', ['id' => 'events-repeat']) ?>
</div>
