Problema con datepicker e idioma

rrrafa · #1 (**permalink**) 05/12/2008, 05:43

Hola, quiero utilizar un datepicker en una página y he escogido el datepicker de Jquery UI. Funciona bien, pero a la hora de 'localizarlo' al castellano, no me los traduce. Mi código es:

Código HTML:

<html>
	<head>
		<title>Pruebas</title>
		<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-personalized-1.6rc2.min.js"></script>
		<script type="text/javascript">
		$('document').ready(function() {
			$('#fecha').datepicker($.extend({}, $.datepicker.regional["es"]));
		});
		</script>
	</head>
	<body>
		<form>
			<input type="text" id="fecha">
		</form>
	</body>
</html>

hector2c · #2 (**permalink**) 14/12/2008, 12:21

pos pos pos pos, yo no uso el de ui, estoy en mi portatil, apenas toque la otra pc, te envio como uso el dpicker con jquery... nus vemos !!!

panis · #3 (**permalink**) 11/06/2009, 04:21

No se qué tipo de jquery-ui personalizado tienes, pero supongo que no tiene el $.datepicker.regional['es']. Seguramente se puede descargar, pero basta con un fichero ui.datepicker-es.js que contenga algo así:

Código:

jQuery(function($){
	$.datepicker.regional['es'] = {
		clearText: 'Borra',
		clearStatus: 'Borra fecha actual',
		closeText: 'Cerrar',
		closeStatus: 'Cerrar sin guardar',
		prevText: '<Ant',
		prevBigText: '<<',
		prevStatus: 'Mostrar mes anterior',
		prevBigStatus: 'Mostrar año anterior',
		nextText: 'Sig>',
		nextBigText: '>>',
		nextStatus: 'Mostrar mes siguiente',
		nextBigStatus: 'Mostrar año siguiente',
		currentText: 'Hoy',
		currentStatus: 'Mostrar mes actual',
		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'],
		monthStatus: 'Seleccionar otro mes',
		yearStatus: 'Seleccionar otro año',
		weekHeader: 'Sm',
		weekStatus: 'Semana del año',
		dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
		dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
		dayStatus: 'Set DD as first week day',
		dateStatus: 'Select D, M d',
		dateFormat: 'dd/mm/yy',
		firstDay: 1,
		initStatus: 'Seleccionar fecha',
		isRTL: false
	};
	$.datepicker.setDefaults($.datepicker.regional['es']);
});

Código HTML:

<html>
	<head>
		<title>Pruebas</title>
		<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-personalized-1.6rc2.min.js"></script>

---->		<script type="text/javascript" src="js/ui.datepicker-es.js"></script>

		<script type="text/javascript">
		$('document').ready(function() {
---->			$('#fecha').datepicker();
		});
		</script>
	</head>
	<body>
		<form>
			<input type="text" id="fecha">
		</form>
	</body>
</html>

jordan99 · #4 (**permalink**) 05/08/2010, 10:23

Hola, lo tienes que incluir en la cabezera de tu pagina. Por ejemplo:

<link type="text/css" href="css/redmond/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>

<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>

Como ves la ultima linea es el js que contiene el idioma.

Luego, lo incluyes en el seteo del datepicker de la siguiente manera:

<script type="text/javascript">
$(function(){

// Datepicker
$('#txtFecha').datepicker({
showOn: 'button',
buttonImage: 'img/calendar.gif',
buttonImageOnly: true

});

$('#txtfecha').datepicker($.datepicker.regional['es']);

});
</script>

Espero haberte ayudado

Saludos

darkporn · #5 (**permalink**) 13/08/2010, 07:38

yo personalmente, tuve el mismo problema.

mira, si te metes al codigo del jQuery, pero no al min, que no vas a poder leer,
y buscas el datepicker, te encuentras con las variables y todo,
Yo cambia ( fuerza bruta) todo ese codigo,
quedo en español 100%, pero si lo quiero cambiar de idioma, cague no mas.

los lenguajes estan en el sitio de jQuery, asi ke es un copiar pegar y listo.

asi
this.regional=[];this.regional[""]={closeText:"Done",prevText:"Prev",nextText:"Next" ,currentText:"Today",monthNames:["January","February","March","April","May","June", "July","August","September","October","November"," December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","S ep","Oct","Nov","Dec"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday" ,"Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su",
"Mo","Tu","We","Th","Fr","Sa"],weekHeader:"Wk",dateFor

cambialo y listo (un poco de trabajo no viene mal)

slds

gabo86 · #6 (**permalink**) 14/05/2011, 18:54

Buenas, yo tengo un problema con el mismo Datepicker.. el detalle radica que yo hago el llamado de los archivos en la cabecera del index.. pero cuando coloco el

Código HTML:

Ver original<input type="text" id="fecha">

en un archivo que no es el index, no me aparece el condenado calendario .. ayuda :(

sAnto0s · #7 (**permalink**) 03/08/2011, 16:11

jordar99,

exelente gracias me ayudaste mucho...

rs1964 · #8 (**permalink**) 17/09/2011, 11:06

jordan99

muchas gracias por tu ayuda, facil y rapido

Gab_ · #9 (**permalink**) 04/04/2013, 13:19

Muchas gracias, la información me ha sido de mucha ayuda