Dejo el codigo del datepicker de Jquery para que salga en formato castellano
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $('.datepicker').datepicker({ | |
| dateFormat: "dd-mm-yy", | |
| firstDay: 1, | |
| dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"], | |
| dayNamesShort: ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"], | |
| monthNames: | |
| ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", | |
| "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"], | |
| monthNamesShort: | |
| ["Ene", "Feb", "Mar", "Abr", "May", "Jun", | |
| "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"] | |
| }); |
He creado otro Gist con una demo de como crearlo sin necesidad de hacer clic en el input
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!– | |
| Demo de datepicker inline en castellano | |
| Autor: Ruben Lacasa Mas <http://rubenlacasa.es> | |
| –> | |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="author" content="Ruben Lacasa Mas – rubenlacasa.es"> | |
| <meta name="description" content="Demo de jQuery inline en castellano"> | |
| <title>datepicker demo</title> | |
| <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/flick/jquery-ui.min.css"> | |
| <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> | |
| <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |
| </head> | |
| <body> | |
| <div id="datepicker"></div> | |
| <div id="datos"> | |
| <label for='fecha'>Fecha:</label> | |
| <!– Campo de texto que recibira el valor seleccionado en el datepicker | |
| le he puesto el atributo readonly para no poder escribir directamente –> | |
| <input type='text' name='fecha' id='fecha' readonly /> | |
| </div> | |
| <script> | |
| $( "#datepicker" ).datepicker({ | |
| // Formato de la fecha | |
| dateFormat: "dd/mm/yy", | |
| // Primer dia de la semana El lunes | |
| firstDay: 1, | |
| // Dias Largo en castellano | |
| dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ], | |
| // Dias cortos en castellano | |
| dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ], | |
| // Nombres largos de los meses en castellano | |
| monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ], | |
| // Nombres de los meses en formato corto | |
| monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ], | |
| // Cuando seleccionamos la fecha esta se pone en el campo Input | |
| onSelect: function(dateText) { | |
| $('#fecha').val(dateText); | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |
La documentación de jQuery UI http://jqueryui.com/demos/datepicker/
rubenlacasa.es 
COMO O DONDE LOS INGRESO, xq tengo unas carpetas un index y muchas subcarpetas, donde ingresos esos codigos para qme salga en castellano gracias
ayuda porfavor graciasssssssssssss otra vez
Buenas Jimy, lo mas sencillo, es poner este código en tu fichero de javascript de tu pagina web, llamar a este fichero en todas las paginas y aplicando la clase datepicker en los input text en los que quieras que aparezca el calendario. Por ejemplo: nuestro fichero de javascript se llama funciones.js, en nuestra pagina web lo cargamos o bien dentro del head o menor aun antes del cierre de etiqueta body, es mas recomendable ponerlo ahi. Tambien es necesario bajarte el jQuery UI http://jqueryui.com/download despues de haber elegido el tema que quieras o modificando un tema existente. Tendras que cargar los ficheros de css en el Head, como cargarias cualquier otra hoja de estilos, y luego tienes que cargar los ficheros js del jQuery UI, primero del jQuery y luego el jQuery ui custom. Estos ficheros tienen que estar antes de tu libreria js, una vez echo esto te funcionara. Si tienes cualquier otra duda comentamelo. Gracias
Poco didactico en la explicacion…. gracias
HOLA, QUIERO SABER COMO DEJO FIJO EL CALENDARIO, DONDE SE PUEDA PINCHAR LA FECHA SIN NECESIDAD DE PICHAR EL TEXBOX de fecha PARA QUE RECIEN APAREZCA EL CALENDARIO. GRACIAS
Hola Patricio, he creado un Gist con la demo de como crear el datepicker sin necesidad de pinchar en el texbox.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
datePickerInlineEs.html
hosted with ❤ by GitHub
Hola quien me podría colaborar para realizar una selección de varias semanas de un datapicker y q las pueda desseleccionar al mismo tiempo? Gracias!
Hola!!
Me acaba de servir mucho esta entrada, por cierto tienes fotografías muy interesantes
Busque un mail de contacto o algo así, me gustaría preguntarte algunas cosas sobre las certificación.
Saludos y gracias de nuevo
Hola, me alegra mucho que te sirva la entrada, y gracias por lo de las fotografías. Si tienes cualquier cuestión acerca de la certificación me lo puedes preguntar por aquí
Pues me gustaría tener más información sobre como la conseguiste? en donde? el costo, que guías tomaste, en fin… te agradeceré mientras más abundante sea la información.
Saludos
Me funciono. Muchas gracias
Muchas gracias! Me estaba volviendo loco ya con el formato de fecha en un inline y me ha venido de perlas! 🙂