Estoy usando bootstrap datepicker y mi código es como el siguiente, Demo del código en 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'
});
El código anterior está funcionando bien, pero lo que estoy tratando de hacer es permitir a los usuarios elegir meses y años solamente.
¿Podrías decirme cómo hacerlo?
jquery
twitter-bootstrap
cinta negra
fuente
fuente
Respuestas:
Qué tal esto :
Referencia: Datepicker para Bootstrap
Para la versión 1.2.0 y posteriores,
viewMode
ha cambiado astartView
, así que use:Ver también la documentación .
fuente
format: " mm"
conformat: "mm-yyyy"
. Está funcionando ahora :)-
entre meses y años si se mantiene un espacio antesmm-yyyy
deformat: " mm-yyyy",
, ¿podría por favor, edite su respuesta de nuevo?Tenga en cuenta que en la versión de 1.2.0 la
viewMode
ha cambiado astartView
.p.ej:
http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=yyyy&weekStart=&startDate=&endDate=&startView=2&minViewMode=2&todayBtn=false&language=zh-CN&orientation=auto&autocarse=auto&autocarse=auto&forceoclose=auto&autocarse=auto&autocarse=auto&autocarse=auto&autocarse=auto&forceParque
fuente
Estoy usando la versión 2 (admite tanto bootstrap v2 como v3) y para mí esto funciona:
fuente
minView
aminViewMode
Para lo último
bootstrap-datepicker
(1.4.0 en el momento de la escritura), debe usar esto:Fuente: Opciones de Bootstrap Datepicker
fuente
Estoy usando el calendario de arranque para una fecha futura no permitida con el cambio de permiso solo en meses y años.
fuente
Debería agregar solo
minViewMode: "months"
en su función datepicker.fuente
Para visualizar los meses del año actual, visualizar solo los meses, y con el formato solo tomar los meses de ese año. tambien se puede confirmar para que se visualice una cierta cantidad de meses
fuente
¿Por qué no llamar al
$('.input-group.date').datepicker("remove");
cuando se cambia la instrucción select y luego configurar su vista de selector de fecha y luego llamar al$('.input-group.date').datepicker("update");
fuente