получить угловой ремень сосуществовать с самозагрузкой-DatePicker

Question

Я пытаюсь заменить самозагрузки-DatePicker и самозагрузку-timepicker в моем приложении с угловым ремнем Datepicker и timepicker директивами и я столкнулся некоторые проблемы:

I есть один вид, где я все еще полагаюсь на bootstrap-datepicker (мне нужен встроенный datepicker), и когда я загружаю bootstrap-datepicker css, он разбивает мой ремень datepicker.

Я предполагаю, что они используют одни и те же классы CSS, но как я мог позволить два из них сосуществуют (без взлома в коде ни один из них)?

Answer 1

Компоненты углового ремешка не требуют дополнительных css, но они могут быть повреждены некоторыми дополнительными стилями от bootstrap-datepicker, так как они также имеют класс datepicker.

Так у вас есть 2 варианта:

1. Не используйте оба datepickers на той же странице. Я не имею в виду все приложение, просто включаю стили только на тех страницах, где это действительно необходимо.
2. Заменить шаблоны угловых ремешков и удалить это имя класса. Добавьте следующее в ваш угловой код

Код:

angular.module('app', []).config(function($datepickerProvider) { 
    // path for your overriden template  
    $datepickerProvider.template = 'templates/custom-datepicker.tpl.html'; 
}); 

Затем скопируйте шаблон из angular-strap sources, удалить datepicker класс из первой строки и сохранить его на пути, как описано в конфигурации выше. Теперь он будет использоваться вместо дефолта.

Это временное решение, которое поможет вам сохранить работу во время миграции. Эти библиотеки делают точно то же самое, что и конфликты.