포커스가 아니라 항상 bootstrap-datepicker를 표시하십시오.

Question

저는 bootstrap-datepicker 라이브러리를 사용하여 사용자가 날짜를 선택할 수 있도록 datepicker를 만듭니다. 항상 사용자가 입력 필드 나 버튼을 클릭 할 때뿐만 아니라 피커를 표시하고 싶습니다.

어떻게하면됩니까?

Answer 1

먼저 라이브러리의 the latest version (현재 1.2.0)을 사용하고 있는지 확인하십시오. eyecon의 original version은 문서화가 잘되어 있지 않아 원하는대로 할 수 있는지 잘 모르겠습니다.

문제를 해결하는 데는 몇 가지 방법이 있습니다.

1. 가 embedded/inline datepicker를 만들고 다음에 changeDate 처리기를 추가 : 당신이 선호하는 이들 중 사용합니다. 이 여기로 e.format이 문서의 events 페이지에 기록하는 편리한 방법입니다

   $("#my-datepicker").datepicker().on('changeDate', function (e) { 
       $("#my-input").text(e.format()); 
   }); 
   

   하는 것으로하고, 호출 할 때 : 당신은

   <input id="my-input"> 
   <div id="my-datepicker"></div> 
   

   같은 것이있어 다음과 같은 자바 스크립트가 HTML을 할 것입니다 datepicker의 format string에 따라 형식이 지정된 선택된 날짜를 나타내는 문자열을 반환합니다.

   이 방법을 사용하면 자신 만의 CSS를 사용하여 날짜 표시기를 적절하게 배치해야합니다. http://jsfiddle.net/4wFJc/3/

2. 명시 적으로, 일반 input datepicker 사용하여 생성에 표시 한 후 숨겨되지 않을 수 있도록 무 조작으로 날짜 선택기의 hide() 방법을 대체 :

   는 여기 JSFiddle 행동이 시연입니다.

   말할 필요도없이, 이것은 추후 라이브러리 버전에서 제대로 작동하지 않을 수도있는 추한 해킹입니다. 나는 그것을 사용하는 것이 좋습니다 않을 것입니다. 그것은 당신을 위해 datepicker를 배치하고 당신의 <input>에 그것을 연결하는 화살표를 포함하는 인라인 블록 접근보다 (의심스러운) 이점을 가지고 있습니다, 그래서 나는 그것을 완전을 위해 포함시킵니다.

   <input id="my-input"> 
   

   다음과 같은 자바 스크립트 :

   $input = $("#my-input"); 
   $input.datepicker(); 
   $input.data('datepicker').hide = function() {}; 
   $input.datepicker('show'); 
   

   다음

   JSFiddle 행동이 접근 방식 보여주는 것 : 적어도와 http://jsfiddle.net/4wFJc/4/

Answer 2

나는 그래서 그것을 사용하는 방법에 익숙하지 않은 나는이 날짜 선택기를 사용하지 마십시오. 빠르고 피곤한 방법은 datepicker 드롭 다운 메뉴 클래스 인 .datepicker.CLASSNAME {display: block !important;}을주는 것입니다. 이렇게하면 드롭 다운이 항상 표시됩니다.

Answer 3

이 날짜 선택기 사용하는 경우 방법이 당신이 볼 수 http://www.eyecon.ro/bootstrap-datepicker/

: .datepicker ('쇼') 날짜 선택기 개체에

콜이 당신의 $ (문서) .ready()를