bootstrap-datepicker 필드의 크기를 줄이고 텍스트 색상을 변경하십시오.

Question

웹보기에서 HTML5/JQuery를 실행하여 Android 애플리케이션을 프로그래밍 할 때 Eternicode의 bootstrap-datepicker를 사용하고 있습니다. BTW Jquery 1.9.1과 Bootstrap 2.3.2를 부트 스트랩 반응 형으로 사용하고 있습니다.

피커는 잘 작동하지만 불행히도 나는 아직 내가이 시간에 해결할 수 없습니다 두 가지 문제를 얻을 :

• 피커 테마가 존중되지 않고 일부 날짜가 첨부 된 사진을 참조 (읽기하지됩니다). 일부에는 거기에 흰색 배경에 흰색으로 표시되는 datepicker의 글꼴과 같은 CSS 충돌이 있습니다.
• 날짜 선택기 필드의 크기를 단독으로 유지하는 것과 같이 줄일 수 없습니다.

내 마크 업 코드입니다 :

<div class="row-fluid" style="margin-right:0px!important"> 
    <label id="dateId" class="span6">One Date</label> 
    <div id="datePurchase" class="input-append date"> 
    <input data-format="yyyy-MM-dd" type="text" /> 
    <span class="add-on"> 
     <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
    </span> 
    </div> 
</div> 

나는 자바에 의해 날짜 선택기를 초기화하기 :

$("#dateId").datetimepicker({ 
     pickTime: false, 
     format: "dd/MM/yyyy", 
     startDate: startDate, 
     endDate: endDate, 
     autoclose: true 
    }); 
    $("#dateId").on("changeDate", onChangeDate); 

는 이러한 문제에 대해 어떤 생각을합니까? 대단히 감사합니다.

Answer 1

DateTimePicker .bootstrap-datetimepicker-widget 클래스의 배경색을 덮어 써서 읽을 수없는 텍스트로 문제를 해결할 수있었습니다. ,

$("#myDateControl").datetimepicker({ 
     pickTime: false, 
     format: "dd/MM/yyyy", 
     startDate: startDate, 
     endDate: endDate, 
     autoclose: true 
    }); 
    $dateItem.on("changeDate", onChangeDate); 
    $dateItem.on("show", onShowDatePicker); 
    } 

function onShowDatePicker(event) 
{ 
    if(event) { 
     //overwrite the backbground color of the date picker such as the text is readable 
     $(".bootstrap-datetimepicker-widget").css("background-color", "#3c3e43"); 
    }  
}