заставить angular-strap сосуществовать с bootstrap-datepicker

Я пытаюсь заменить bootstrap-datepicker и bootstrap-timepicker в своем приложении директивами angular-strap datepicker и timepicker, и у меня возникают некоторые проблемы:

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

угловой ремешок для выбора даты

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


angularjs twitter-bootstrap bootstrap-datepicker angular-strap
person Rubén Torrero    schedule 30.10.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

Код:

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

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

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

person just-boris    schedule 27.05.2015
comment
Я выбрал вариант 2, я думаю, что это самый чистый. Недостатком является то, что я должен помнить об этих изменениях каждый раз, когда обновляю angular-strap. - person Rubén Torrero; 01.06.2015