Datepicker внутри модального режима, вызывающий ошибку превышения максимального размера стека

Выбор новой даты в указателе даты приводит к следующей ошибке.

Uncaught RangeError: Maximum call stack size exceeded
    at String.replace (<anonymous>)
    at Object.parseFormat (bootstrap-datepicker.js:1702)
    at Object.parseDate (bootstrap-datepicker.js:1715)
    at Datepicker.<anonymous> (bootstrap-datepicker.js:771)
    at f (ajaxJqueryMin2.1.1.js:3)
    at Function.map (ajaxJqueryMin2.1.1.js:3)
    at Datepicker.update (bootstrap-datepicker.js:770)
    at Datepicker.setDates (bootstrap-datepicker.js:584)
    at Datepicker.setDate (bootstrap-datepicker.js:33)
    at HTMLInputElement.<anonymous> (bootstrap-datepicker.js:1600)

До сих пор я пробовал решения, предложенные по этим вопросам

Превышен максимальный размер стека вызовов при изменении класса - Bootstrap, jQuery

Реализация jQuery DatePicker в модальности Bootstrap

и попытался манипулировать свойством z-index

никто из них не работал

Страница является угловой страницей.

Модал и указатель даты

<div class="modal fade" tabindex="-1" role="dialog" id="modalConnectActivity">
        <div class="modal-dialog" role="document" style="width: 55% !important;">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="row">
                        <div class="col-md-12">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="col-md-12">
                            <h4 class="modal-title col-md-6">Aktivite</h4>
                            <div class="col-md-6">
                                <label class="input">
                                    <i class="icon-append fa fa-calendar"></i>
                                    <input ng-model="ksmDate" id="ksmDate" class="datepicker" type="text" placeholder="Aktivite Zamanı Seçiniz" value="@today">
                                </label>
                            </div>
                        </div>

                    </div>

                </div>
                <div class="modal-body">
                    <ng-include src="'@Url.Action("ActivityDetail", "Activity" )'"></ng-include>@*src="'@Url.Action("ActivityDetail", "Activity")'"*@
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" id="btnAddActivityType" ng-click="addActivity(currentActivityType)">Kaydet ve Çık</button>
                </div>
            </div>
        </div>
    </div>

Часть, которая запускается после changeDate и вызывает максимальную ошибку стека

$("#ksmDate").datepicker({
        //"setDate": new Date(moment().format('DD-MM-YYYY')),
        "setDate": moment().format('DD/MM/YYYY'),
        format: 'DD-MM-YYYY',
        autoclose: true,

    }).on('changeDate', function (selected) {
        var ksmChosenDate = new Date(selected.date.valueOf());

        $scope.ksmDate = moment(ksmChosenDate).format('DD/MM/YYYY')

        $('#ksmDate').datepicker('setDate', $scope.ksmDate);

    });

Как я могу решить эту проблему?

Изменить: я только что заметил, что одно и то же действие иногда вызывает другую ошибку на консоли.

Uncaught RangeError: Maximum call stack size exceeded
    at Datepicker.setDates (bootstrap-datepicker.js:584)
    at Datepicker.setDate (bootstrap-datepicker.js:33)
    at HTMLInputElement.<anonymous> (bootstrap-datepicker.js:1600)
    at Function.each (ajaxJqueryMin2.1.1.js:3)
    at n.fn.init.each (ajaxJqueryMin2.1.1.js:3)
    at n.fn.init.datepickerPlugin [as datepicker] (bootstrap-datepicker.js:1577)
    at HTMLInputElement.<anonymous> (createQuickActivityControllers.js:85)
    at HTMLInputElement.dispatch (ajaxJqueryMin2.1.1.js:7)
    at HTMLInputElement.r.handle (ajaxJqueryMin2.1.1.js:7)
    at Object.trigger (ajaxJqueryMin2.1.1.js:7)

0 ответов

Другие вопросы по тегам