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">×</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)