Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema con datepicker e idioma

Estas en el tema de Problema con datepicker e idioma en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/12/2008, 04:43
 
Fecha de Ingreso: abril-2007
Mensajes: 9
Antigüedad: 13 años, 6 meses
Puntos: 0
Problema con datepicker e idioma

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> 
  #2 (permalink)  
Antiguo 14/12/2008, 11:21
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 12 años, 10 meses
Puntos: 25
Respuesta: Problema con datepicker e idioma

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 !!!
__________________
blog: hector2c.wordpress.com
email: [email protected]
  #3 (permalink)  
Antiguo 11/06/2009, 04:21
 
Fecha de Ingreso: mayo-2009
Mensajes: 2
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: Problema con datepicker e idioma

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> 
  #4 (permalink)  
Antiguo 05/08/2010, 10:23
 
Fecha de Ingreso: junio-2006
Mensajes: 13
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: Problema con datepicker e idioma

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
  #5 (permalink)  
Antiguo 13/08/2010, 07:38
 
Fecha de Ingreso: noviembre-2008
Mensajes: 31
Antigüedad: 11 años, 11 meses
Puntos: 1
Sonrisa Respuesta: Problema con datepicker e idioma

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
  #6 (permalink)  
Antiguo 14/05/2011, 18:54
Avatar de gabo86  
Fecha de Ingreso: mayo-2011
Mensajes: 1
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Problema con datepicker e idioma

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
  1. <input type="text" id="fecha">
en un archivo que no es el index, no me aparece el condenado calendario .. ayuda :(
  #7 (permalink)  
Antiguo 03/08/2011, 16:11
 
Fecha de Ingreso: mayo-2011
Mensajes: 18
Antigüedad: 9 años, 5 meses
Puntos: 3
Respuesta: Problema con datepicker e idioma

jordar99,

exelente gracias me ayudaste mucho...
  #8 (permalink)  
Antiguo 17/09/2011, 11:06
 
Fecha de Ingreso: noviembre-2009
Ubicación: valencia
Mensajes: 7
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: Problema con datepicker e idioma

jordan99

muchas gracias por tu ayuda, facil y rapido
  #9 (permalink)  
Antiguo 04/04/2013, 13:19
 
Fecha de Ingreso: abril-2013
Mensajes: 1
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problema con datepicker e idioma

Muchas gracias, la información me ha sido de mucha ayuda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 18:28.