부트 스트랩 - 날짜 선택기

Question

나는 각 스트랩 날짜 선택기 및 timepicker 지침을 내 응용 프로그램에서 부트 스트랩 - 날짜 선택기 및 부트 스트랩 - timepicker를 대체하기 위해 노력하고있어 나는 몇 가지 문제에 직면하고있어 공존 각도 스트랩을 얻을 내가 bootstrap-datepicker (인라인 datepicker가 필요함)에 의존하는 뷰를 하나 가지고 있고, bootstrap-datepicker CSS를로드하면 앵귤러 스트랩 datepicker가 손상됩니다.

나는 그들이 같은 CSS 클래스를 사용하는 것 같아요,하지만 내가 어떻게 두 사람이 (그들 중 어느 쪽의 코드를 해킹 할 필요없이) 공존 할 수 있을까?

Answer 1

앵귤러 스트랩의 구성 요소는 추가 CSS가 필요하지 않지만 의 추가 스타일로 인해 깨질 수 있습니다. datepicker 클래스이기도합니다.

1. 가 동일한 페이지에 모두 datepickers를 사용하지 마십시오 :

   그래서 당신은 두 가지 옵션이 있습니다. 전체 앱을 의미하는 것은 아니며 실제로 필요한 페이지에만 스타일을 포함하십시오.

2. 각형 띠 템플릿을 덮어 쓰고이 클래스 이름을 제거하십시오. , angular-strap sources에서
   이

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

   그런 다음 템플릿을 복사 첫 번째 줄에서 datepicker 클래스를 제거하고 위의 설정에 설명 된대로 경로를 저장 :

코드하여 각 코드에 다음을 추가합니다. 이제 기본값 대신 사용됩니다.

마이그레이션이 진행되는 동안 작업을 유지하는 데 도움이되는 것은 일시적인 해결책 일뿐입니다. 이 라이브러리는 정확하게 동일한 씬을 수행하므로 충돌이 가능합니다.