<!-- | |
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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment