JQuery-UI DatePicker не работает внутри AngularJS Fuction - PullRequest
Новая
       17

JQuery-UI DatePicker не работает внутри AngularJS Fuction

0 голосов
/ 13 июня 2019

У меня есть ng-повторить дату для строк в таблице, в каждой строке у меня есть 2 ввода, которые имеют класс для инициализации DatePicker, хотя я вызываю класс для инициализации загрузки DatePicker.Он отлично работает со входами вне ng-repeat, но при вводе внутри ng-repeat при редактировании строки диалоговое окно выбора не отображается.Я не знаю точно, откуда возникла проблема.

Вот мой HTML: 

<tr ng-repeat="holiday in public_holidays track by $index" class="ng-cloak">
<td class="text-center">
    <div class="search-order text-center">
        <div ng-class="{literal}{'col-md-6 col-sm-6 col-xs-6' : editMode,'col-md-5 col-sm-5 col-xs-5' : !editMode }{/literal}">
            <div class="wrap-input">
                <span ng-hide="editMode"><% holiday.from_date %></span>
                <div ng-show="editMode">
                    <input type="text" id="from-date-<% $index %>" ng-model="holiday.from_date" placeholder="Start date" class="input-datepicker">
                    <img src="{$link_file}/public/images/date.png" width="30" class="icon-date">
                </div>
            </div>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-2" ng-hide="editMode">
            <span>-</span>
        </div>
        <div ng-class="{literal}{'col-md-6 col-sm-6 col-xs-6' : editMode,'col-md-5 col-sm-5 col-xs-5' : !editMode }{/literal}">
            <div class="wrap-input">
                <span ng-hide="editMode"><% holiday.to_date %></span>
                <div ng-show="editMode">
                    <input type="text" id="to-date-<% $index %>" ng-model="holiday.to_date" placeholder="End date" class="input-datepicker">
                    <img src="{$link_file}/public/images/date.png" width="30" class="icon-date">
                </div>
            </div>
        </div>
    </div>
</td></tr>
...