[jquery] Bootstrap datepicker 선택 후 숨기기

Program / 글쓴이

날짜를 선택한 후 달력을 숨기려면 어떻게합니까? 사용할 수있는 특정 기능이 있습니까? 아래 내 코드 :

$('#dp1').datepicker({
    format: 'mm-dd-yyyy',
    startDate: '-15d',
    autoclose: true,
    endDate: '+0d' // there's no convenient "right now" notation yet
});

어떤 도움을 주시면 감사하겠습니다.

답변

이벤트 changedate()를 사용 하여 날짜가 변경된 시점을 추적 하고 선택 후 datepicker('hide')숨기기 방법을 사용할 수 있습니다 datepicker.

$('yourpickerid').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

데모

최신 정보

이것은 autoclose: true. 이 버그는 최신 마스터에서 수정되었습니다. SEE COMMIT. 최신 코드 받기GitHub

답변

누구에게나 도움이된다면 부트 스트랩 날짜 선택기의 버전 2.0은 더 이상 허용 된 답변으로 작동하지 않습니다.

내 작업 방법은 다음과 같습니다.

$('yourpickerid').datepicker({
    format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});

http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate 참조

답변

$('#input').datepicker({autoclose:true});

답변

일반적으로 전역 적으로 달력의 동작을 재정의하려는 경우 Datepicker 함수를 편집 해보십시오 (제 예에서는 82 행이었습니다).

…에서

    this.autoclose = false;

에

    this.autoclose = true;

모든 캘린더 인스턴스가 동일하게 작동하기를 원했기 때문에 잘 작동했습니다.

답변

다음 줄에 의해 입력 요소에 대한 숨기기 이벤트를 차단하여 문제를 중지 할 수 있습니다

var your_options = { ... };
$('.datetimepicker').datetimepicker(your_options).on('hide', function (e) {
    e.preventDefault();
    e.stopPropagation();
});

스 니펫 확장

답변

  1. 간단히 bootstrap-datepicker.js
  2. 찾기 : var defaults = $.fn.datepicker.defaults
  3. 세트 autoclose: true

프로젝트를 저장하고 새로 고치면됩니다.

답변

부트 스트랩 4에서는 “autoHide : true”를 사용합니다.

$('#datepicker1').datepicker({
    autoHide: true,
    format: 'mm-yyyy',
    endDate: new Date()
});