Para este post, tengo el supuesto de que tienes los conocimientos previos de cómo implementar el componente datepicker del framework de jQuery UI.
Bueno, entonces el archivo lo puedes descargar de esta liga: ui.datepicker-es-MX.js
Ahora un ejemplo de cómo implementarlo:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Ejemplo de regionalización al español</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script src="ui.datepicker-es-MX.js"></script>
<script>
$(function() {
$.datepicker.setDefaults($.datepicker.regional['es-MX']);
$('#input_campo_date').datepicker({
'setDate': '25/02/2013'
, altField: '#fecha_texto'
, altFormat: "DD, d 'de' MM 'de' yy"
});
});
</script>
</head>
<body>
<p>Fecha: <input type="text" id="input_campo_date" /> <input type="text" id="fecha_texto" size="40" /></p>
</body>
</html>
Para mayores referencias sobre la documentación, ir a:
Espero que les sea de utilidad.
Excelente, gracias por compartir
ResponderEliminar$(function($){
ResponderEliminar$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '',
currentText: 'Hoy',
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'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['es']);
});