2017-02-16 1 views
2

datepicker를 특정 요소에 추가 할 수있게하려면 부트 스트랩 datepicker에 컨테이너 옵션을 어떻게 추가 하시겠습니까?부트 스트랩 datepicker에서 컨테이너를 사용하여 특정 요소에 추가하는 방법은 무엇입니까?

컨테이너 옵션을 추가했으나 작동하지 않습니다. 즉, 추가 할 때 datepicker가 열리지 않습니다. 컨테이너 옵션을 제거하면 body가 기본값으로 설정되고 datepicker가 정상적으로 표시됩니다.

datepicker가 특정 요소에만 추가하고 스크롤하는 동안 고정되어 있지만 실제로 작동하지 않는 것이 좋습니다. 예를 들어 datepicker가 스크롤과 함께 이동합니다. 정말 실망 스럽네. 여기

내가 모든 끝을 시도
$('#StartDate').bootstrapDP({ 
format: 'mm/dd/yyyy', 
startDate: defaultDate, 
container: '#StartDate", 
todayBtn: 'linked', 
clearBtn: true, 
beforeShowDay: function(Date){ 

    var curr_day = Date.getDate(); 
    var curr_month = Date.getMonth()+1; 
    var curr_year = Date.getFullYear();   
    var curr_date=curr_month+','+curr_day+','+curr_year;  

    if(!(typeof nat_arr == "undefined")){ 

     if (nat_arr.indexOf(curr_date)>-1) return false; 
    } 

}, 
daysOfWeekDisabled: [0,6], 
todayHighlight: true 
}).on('changeDate',dateChanged); 

의 날짜 선택기 코드입니다. Jquery UI JS를 디버깅하고 컨테이너가 추가되었을 때 추가되지 않는 표시 블록과 관련이 있다는 것을 알았지 만 잘 모르겠습니다.

제발 도와주세요, 매우 친절합니다!

답변

0

솔루션은 매우 간단했습니다. 날짜 표시기 선택기 주위에 div를 추가하고 ID를 지정하면됩니다.

container: div#startDate, 

이는 ID가 "의 startDate"와 날짜 선택기 선택기 텍스트 필드 주위 사업부를 들어, 요소를 추가하는 것을 의미한다 : 따라서, 다음은 트릭을했다. 또한 container 요소에 "overflow : visible"이라는 CSS 속성을 설정해야만 컨테이너를 '오버플로 (overflow)'하여 datepicker를 표시 할 수 있습니다.