DatePicker para Windows Phone

Para agregar un TimePicker a nuestro proyecto es necesario descargar e instalar el Toolkity después  agregar una referencia.

– En “References” > clic derecho > add reference > En la pestaña .NET > Microsft.Phone.Controls.Toolkit

– Ahora nos vamos a nuestra ToolBox > damos clic derecho en Windows Phone Controls > Choose Items..> Buscamos DatePicker > lo seleccionamos > Ok

 

Y listo, ya lo tendremos agregado a nuestra ToolBox.

–          Agrega a nuestro proyecto 1 textblock, 1 DatePicker y 1 botón

–          El textBlock lo usaremos para las instrucciones (“Ingresa la fecha”)

–          Al DatePicker le daremos el nombre de “Fecha”

–          En el botón mostramos el texto “Ingresa los datos” y le pondremos por nombre BtnDatos

Al final obtendremos algo similar a la imagen


–          Agrega al botón el evento “Click” de la siguiente manera.

Ahora, al correr la aplicación, te darás cuenta que al dar clic sobre el DatePicker aparecerá como lo muestra la siguiente imagen.

Es decir, sin los botones de la AppBar.

¿Como personalizar los iconos de la  AppBar?

Ahora creamos una carpeta con el nombre “Toolkit.Content”, la carpeta debe de llamarse de esa manera obligatoriamente.

Ahora debemos agregar los iconos que queremos que aparezcan en nuestro DatePicker

Podemos hacerlo de dos maneras, si usas metro Studio, simplemente buscas los iconos que quieras que se muestre, y al momento de guardarlos le asignas los siguientes nombres o desde Expression Blend los puedes agregar de la carpeta icons.

Y  listo, ahora con eso debemos de tener los siguientes resultados

 

Una vez personalizados los iconos de la AppBar, nos enfocaremos ahora sí, en el código.

Lo que aremos es que asignaremos una variable (“dato”) en la cual en ella se guarde la fecha ingresada por el usuario y la mostraremos en un mensaje.

 

Ahora bien, si corremos nuestra aplicación obtendremos los siguientes resultados.

 

Como veras no solo se obtienen la fecha tal cual, sino que también se te da la hora como con el TimePicker.

Sí estas haciendo alarmas o recordatorios, no tendrás problemas con utilizar los datos tal  y como están ahora, pero si es algún otro tipo de aplicación donde necesites sacar forzosamente el dato de la fecha, ya sea solo el día, mes, año, o todo completo. Puedes usar este método.

 

Obtendremos los siguientes resultados.

 

Ahora si eres un desarrollador perfeccionista que quiere hacer menos código para obtener el mismo resultado, y se te ocurre una idea para en una sola variable almacenar los datos de día, mes y año; y si tu idea es similar a esta:

int completo = dato.Day + dato.Month + dato.Year;

 En vez de obtener el resultado anterior obtendrás este resultado:

De donde sale el 2051?, Fácil, mira, lo que se indico en la instrucción anterior no es simplemente mostrar los datos, sino que le estamos diciendo que los sume y el resultado lo guarde en la variable “completo” es decir 9 + 30+ 2012 = 2051.

Así que como veraz no funciono ese camino😦, más sin embargo te tengo una solución para arreglar eso🙂, cambia el tipo de dato, es decir en vez de albergarlo en un tipo de dato entero (int) guárdalo en un string, si gustas en medio de día, mes y año puedes decirle que agregue una diagonal (/) para que se vea ahora sí como una fecha completa,  y todo en una sola variable.

 

Les dejo el código completo que use en este tutorial, espero y les sea de ayuda.

 

Fuente: msestudiantesTech

2 comentarios sobre “DatePicker para Windows Phone

  1. tu programa esta fantástico, yo necesito ayuda para crear un programa que funcione como un administrador de alarmas que contenga 6 alarmas las cuales el usuario pueda activar, para que se activen a una ora predeterminada los días de la semana que el usuario desee, pero la ora debe estar actualizada con la del computador.

    si me puedes ayudar por favor escribirme a mi correo adelfimejia12@Gmail.com

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s