Android

Mostrar DatePicker en Android – Ejemplo para obtener fecha

Una interfaz intuitiva y bonita a la hora de programar en Android es el DatePicker, el cual es un elemento que permite que el usuario seleccione una fecha en un calendario.

En este tutorial vas a aprender a mostrar un DatePicker en Android (funciona desde Android 4) y a leer la fecha que el usuario seleccione; todo eso en pocas líneas de código usando DatePickerDialog.

Al final tendremos una aplicación de Android que permite al usuario seleccionar una fecha con un DatePicker como se ve en la imagen:

DatePicker activo en Android – Seleccionar fecha

Código fuente y descarga de app

Puedes explorar el código fuente en GitHub, lo más importante es el MainActivity. Para descargar la app y probarla por ti mismo, visita la página de releases.

Escuchar cambio de fecha de DatePicker

Veamos la explicación. Para mostrar un DatePicker primero hay que declarar un listener para escuchar cuando el usuario selecciona la fecha.

El listener debe ser de tipo DatePickerDialog.OnDateSetListener; hay que sobrescribir al método onDateSet para escuchar cuando el usuario selecciona la fecha.

See the gist on github.

Cuando se llama al listener dentro de la interfaz, nos pasa la vista pero también el año, mes y día del mes que fueron seleccionados. Con eso ya podemos saber la fecha completa.

Nota: el mes es dado comenzando en 0, por lo tanto enero es 0 y diciembre es 11.

Mostrar DatePicker en Android

Cuando ya hemos declarado el listener, podemos mostrar el DatePicker. Para ello tenemos que pasarle los siguientes argumentos en el orden que sigue:

  1. El contexto
  2. El listener que declaramos antes
  3. Año
  4. Mes
  5. Día del mes

Los tres últimos argumentos son la fecha que se va a mostrar por defecto. Si quieres mostrar la fecha actual pudes obtenerla así:

See the gist on github.

Sabiendo eso, ahora sí vamos a mostrar el DatePicker:

See the gist on github.

En mi caso le mando el contexto de MainActivity.this, dependiendo de tu actividad eso va a cambiar; te invito a leer este post sobre algunos errores al pasar el contexto en Android.

Las 3 últimas variables son unas globales, si analizas el código verás que se obtienen con Calendar.

Poner fecha en EditText

Esto no es estrictamente necesario pero en este caso puse la fecha en el EditText. También escuchamos el click del mismo y justo ahí mostramos el DatePicker.

Ventana principal de DatePicker en Android

Para que el usuario no escriba directamente en el EditText pero sí pueda tocarlo, hay que declarar en el XML la propiedad clickable en true, focusable en false y el inputType hay que ponerlo en none.

Cuando se selecciona la fecha se refresca el valor usando String.format y setText como se ve en el ejemplo:

See the gist on github.

De esta manera podemos mostrar un DatePicker cuando el usuario toca el EditText, mostrando la fecha en el mismo.

Por cierto, al mostrar la fecha le agrego 1 al mes, esto es porque, como ya lo dije antes, el número de mes se cuenta desde el 0.

Aprende más sobre Java o Android.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Compartir
Publicado por
parzibyte

Entradas recientes

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

4 días hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

5 días hace

Imprimir PDF generado con HTML

Hoy vamos a ver programar la impresión de un PDF generado a partir de HTML…

6 días hace

JavaScript: llenar select con arreglo

En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista…

2 semanas hace

Imprimir PDF a partir de URL

En este artículo se presenta una guía para imprimir un PDF a partir de una…

2 semanas hace

Imprimir PDF a partir de base64

En este post voy a enseñarte cómo imprimir un PDF a partir de su representación…

2 semanas hace

Esta web usa cookies.