2016-11-21 2 views
0

Я вставляю модуль call angle-datetime-picker в свое угловое приложение. Этот модуль прост в использовании, так как мне нужно только включить JS и CSS код в моем index.html, то я могу поставитьangular-datetime-picker не работает в модальном

<input ng-model="$parent.date5" datetime-picker date-format="dd-MM-yyyy HH:mm" /> 

Он работает нормально, но не в моем покадрово. Ниже мой модальный открыт объем:

$scope.addNewSchedule = function() { 
     var dailog = $uibModal.open({ 
      templateUrl: 'app/partials/add-new-schedule.html', 
      controller: addNewScheduleController, 
      size: 'lg', 
      scope: $scope 
     }); 
    }; 

И, конечно, у меня есть

<input ng-model="$parent.date5" datetime-picker date-format="dd-MM-yyyy HH:mm" /> 

в шаблоне надстройки нового schedule.html, однако, он не работает. Я уверен, что могу просто пропустить что-то простое и пожелать, чтобы кто-то мог мне посоветовать, большое спасибо ~~~

+1

Осмотрите CSS выбора времени в модальном режиме, убедитесь, что z-index выбора даты и другие css-вары, такие как положение и отображение, не скрывают его –

+0

Спасибо, Фарзад Салими Джази. Я добавил z-index: 1151, и теперь он отлично работает. –

ответ

1

Это распространенная проблема с модальным. Так как z-index мода мода выше, чем z-index с datepicker. Итак, просто просмотрите код, найдите класс, используемый модальным, datepicker, и настройте z-index.

Держатель z-index датпикера выше.

+1

Благодарим вас atulquest93. Я добавил z-index: 1151 в моем datepicker css, и теперь он отлично работает. –

Смежные вопросы