2011-07-23 19 views
8

Quiero que el usuario especifique su fecha de cumpleaños o aniversario (sin año) en un formulario. Para esto, quiero usar jquery datepicker pero no debería mostrar ninguna opción de año. ¿Cómo hacerlo?Jquery datepicker - solo día y mes

Intenté modificar el código en this so question haciendo changeDay: true y changeYear: false pero no pude hacerlo funcionar.

Respuesta

10

establecer el CSS para ocultar el año y el dateFormat como K6T dijo

.ui-datepicker-year{ 
    display:none; 
} 
+0

¿Cómo puedo distinguir este determinado selector de fecha, cuando también hay otros fechadores? Para – emfi

+0

datepickers cartain que se puede utilizar en el interior .focus, ver esto: http://stackoverflow.com/a/41931400/3412696 – Rafi

+0

No se sugiere, el uso de configuración en vez ver https://stackoverflow.com/a/6799216/5277245 – Mehrdad

0

cambio dateFormat como

dateFormat: 'dd MM', 

en datePicker.js el archivo

+5

No edite el código datepicker si solo puede usar las opciones. – Walf

11

Se podría hacer:

$('#date').datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     dateFormat: 'dd MM' 
    }); 

f edio http://jsfiddle.net/u8GnD/1/

+0

esto no funciona. el año no cambia cuando se selecciona una fecha futura. – Ravi

+0

su botón de hoy no funciona cómo hacerlo funcionar –

+0

Asegúrese de cambiar el atributo de la entrada de html a readonly, de lo contrario, aún puede cambiar el valor de entrada manualmente. – daino3

0
$("#datepicker").datepicker({ 
format: "dd-MM", 
viewMode: "months", 
maxViewMode: "months" 
}); 

esto seguramente se ocultará año a partir de selector de fechas de vista, se mostrará único mes y día panel de

+0

Estos no parecen ser parámetros válidos para jQuery UI datepicker. – Berend

3

Puede ocultar año a partir de un selector de fechas así:

$(".daypicker").datepicker({ 
    changeYear: false, 
    dateFormat: 'MM-dd', 
}).focus(function() { 
    $(".ui-datepicker-year").hide(); 
}); 

No lo puedo afectar a otros fechadores en la misma página.

+0

Esto funciona con .on() y .off() para que sea temporalmente ocultable – Samuel

1
$(function() { 
    var date = $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     changeMonth: true, 
     changeYear: false}).val(); 
}); 
+2

Siempre agregue una explicación a su respuesta. El simple código no ayuda. –

+1

Esta respuesta podría o no resolver el problema de la experiencia OP, así que siempre agregue una explicación a su respuesta para aclarar cómo podría solucionar el problema –

Cuestiones relacionadas