Efectivamente, usé el
Datepicker de jQueryUI y carga algo lento, pero lo hace en el navegador del Blackberry, básicamente, esto fue lo que implementé.
Código Javascript
:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="es">
<head>
<title>Seleccionar fecha con jQuery UI</title>
<link type="text/css" href="jquery-ui.css" rel="Stylesheet" />
<script type="text/javascript" src="../jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="../jquery-ui-1.8.min.js"></script>
<script type="text/javascript" src="calendario_es.js"></script>
<script>
$(document).ready(function(){
$("#campofecha").datepicker({
showOn: 'both',
buttonImage: 'calendar.png',
buttonImageOnly: true,
changeYear: true,
numberOfMonths: 1,
onSelect: function(textoFecha, objDatepicker){
$("#mensaje").html("<p>Has seleccionado: " + textoFecha + "</p>");
}
});
})
</script>
</head>
<body>
<form>
Fecha: <input type="text" name="fecha" id="campofecha">
</form>
<div id="mensaje"></div>
<a href="#" id="cambiames">Mostrar formulario para cambiar mes</a>
</body>
</html>
Y este es el contenido del archivo calendario_es.js
Código Javascript
:
Ver original/* Inicialización en español para la extensión 'UI date picker' para jQuery. */
jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
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']);
});