Bootstrap Datepicker - miesięcy i tylko

Question

lat używam bootstrap datepicker i mój kod jest jak następujące, Demo kodu na 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' 
    }); 

Powyższy kod działa poprawnie, ale to, co próbuję zrobić, to pozwól użytkownikom wybierać tylko miesiące i lata.

Czy możesz mi powiedzieć, jak to zrobić?

Answer 1

Jak o tym:

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

referencyjny: Datepicker for Bootstrap

---

Dla wersji 1.2.0 i nowszych, viewMode zmienił się startView, więc używać:

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

także patrz the documentation.

Answer 2

Należy zauważyć, że w wersji 1.2.0 viewMode zmieniono na startView.

np

$('#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

Answer 3

Dlaczego nie nazwać $('.input-group.date').datepicker("remove"); gdy select jest zmieniana a następnie ustaw widok datepicker następnie wywołać $('.input-group.date').datepicker("update");

Answer 4

do najnowszej bootstrap-datepicker (1.4.0 w chwili pisania tego tekstu), musisz użyć tego:

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

Źródło: Bootstrap Datepicker Options

Answer 5

używam wersji 2 (obsługuje zarówno bootstrap v2 i v3) i dla mnie to działa:

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

Answer 6

Używam startowej kalendarz dla przyszłej dacie nie pozwalają ze umożliwiają zmianę w miesiącach tylko & lat ..

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() 
     }); 

Answer 7

trzeba dodać tylko minViewMode: "months" w funkcji datepicker.