Bootstrap Datepicker-월 및 연도 만 data-date=”02-2012″ data-date-format=”mm-yyyy”> <input

부트 스트랩 datepicker를 사용하고 있으며 코드는 다음과 같습니다. jsfiddle 의 코드 데모

<div class="input-append date" id="datepicker" data-date="02-2012"
     data-date-format="mm-yyyy">

 <input  type="text" readonly="readonly" name="date" >
 <span class="add-on"><i class="icon-th"></i></span>
</div>


$("#datepicker").datepicker({
        viewMode: 'years',
         format: 'mm-yyyy'
    });

위의 코드는 잘 작동하지만 내가하려는 것은 사용자가 월과 년만 선택하도록 허용하는 것입니다.

방법을 알려주시겠습니까?

답변

이건 어때요 :

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months",
    minViewMode: "months"
});

참조 : 부트 스트랩 용 Datepicker

버전 1.2.0 이상의 경우으로 viewMode변경 startView되었으므로 다음을 사용하십시오.

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    startView: "months",
    minViewMode: "months"
});

또한 설명서를 참조하십시오 .

답변

1.2.0 버전에서 통지 viewMode로 변경되었습니다 startView.

예 :

$('#sandbox-container input').datepicker({
  startView: 1,
  minViewMode: 1
});

http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=yyyy&weekStart=&startDate=&endDate=&startView=2&minViewMode=2&todayBtn=false&language=zh-CN&orientation=auto&autoclose=on&forceParse=on#sandbox

답변

저는 버전 2 (부트 스트랩 v2와 v3 모두 지원)를 사용하고 있으며 저에게는 다음과 같이 작동합니다.

$("#datepicker").datepicker( {
    format: "mm/yyyy",
    startView: "year",
    minView: "year"
});

답변

최신 버전 bootstrap-datepicker(작성 당시 1.4.0)의 경우 다음을 사용해야합니다.

$('#myDatepicker').datepicker({
    format: "mm/yyyy",
    startView: "year",
    minViewMode: "months"
})

출처 : Bootstrap Datepicker 옵션

답변

나는 미래의 날짜에 대한 부트 스트랩 캘린더를 사용하고 있으며 월 및 연도 만 변경할 수 없습니다.

var j = jQuery.noConflict();
        j(function () {
            j(".datepicker").datepicker({ dateFormat: "dd-M-yy" }).val()
        });

        j(function () {
            j(".Futuredatenotallowed").datepicker({
                changeMonth: true,
                maxDate: 0,
                changeYear: true,
                dateFormat: 'dd-M-yy',
                language: "tr"
            }).on('changeDate', function (ev) {
                $(this).blur();
                $(this).datepicker('hide');
            }).val()
        });

답변

minViewMode: "months"datepicker 함수 에만 추가해야 합니다.

답변

Para visualiar los meses del año actual, visualiza solo los meses, y con el formato solo toma los meses de ese año. tambien se puede confirurar para que se visualice una cierta cantidad de meses

<script>
('#txtDateMMyyyy').datetimepicker({
    format: "mm/yyyy",
    startView: "year",
    minView: "year"
}).datetimepicker("setDate", new Date());
</script>