Twitter Bootstrap + datepicker + 화면에 캘린더 표시

Question

Twitter Bootstrap Datepicker를 사용하고 있으며 다음 예와 같이 항상 캘린더를 화면에 표시하려고합니다.

누군가이 방법을 알고 있습니까?

감사합니다.

Answer 1

당신은 숨겨진 입력 필드를 생성하는 입력 필드에 날짜 선택기를 호출합니다 날짜 선택기에 show 액션을 호출 한 후 상단에 작은 흰색 화살표를 숨길 수있는 약간의 CSS를 추가 datepicker div.

<script> 
    $(function() { 
    $("#foo").datepicker(); 
    $("#foo").datepicker("show"); 
    }); 
</script> 

<style> 
    #foo { 
    display:none; 
    } 
    .datepicker:before, .datepicker:after { 
    display: none; 
    } 
</style> 

<input id="foo"/> 

JS Fiddle here.

Answer 2

bootstrap-calendar 플러그인을 사용하여 간단한 CSS를 사용하여 필요에 맞게 스타일을 지정할 수 있습니다.

프로젝트 사이트와 문서 : https://github.com/ahmontero/bootstrap-calendar

데모 페이지 : http://ahmontero.github.io/bootstrap-calendar/