2010-12-22 22 views
21

¿Alguien sabe si en GWT tenemos un buen TimePicker? De hecho, quiero un widget para seleccionar hora y minuto para GWT.GWT Time Picker?

Gracias

Respuesta

0

DatePicker y DateBox

DatePicker datePicker = new DatePicker(); 

DateBox dateBox = new DateBox(); 

Esto es GWT DatePicker example

y puede dar formato a la fecha y hora a sus necesidades con DateTimeFormat y aquí es example

+0

¿Podría dar un ejemplo de cómo editar los tiempos con DatePicker? – Jla

+0

puede establecerValue datePicker.setValue (new Date(), true); y puede darle formato –

+0

Gracias, pero el "selector" todavía está para las fechas. Y OP tendría que lidiar con un DateTime en lugar de solo un Time. – Jla

16

yo sepa no hay un widget tales. Además, "un buen TimePicker" es un poco sugerente. He estado buscando un widget así durante mucho tiempo y encontré algunos ejemplos de javascript que eran completamente horribles, pero que algunas personas están usando.

Finalmente decidí hacer mi propia, basada en un TextBox con control de valor.

alt text

El código fuente está disponible, usted puede encontrar más información sobre here y github espero que les guste.

He visto algunos TimePicker que son simples ComboBoxes.

+0

Hola Carlos, eres Timepicker suena genial ¿Tienes una demo en alguna parte? – scraly

+0

@scraly: Todavía no, probablemente publique algo en mi blog después de Navidad –

+0

¿Alguna actualización en su selector de tiempo? – Maksim

1

La incubadora GWT tiene un bien time picker

El código sería algo así como el ejemplo dado:

// A TimePicker with no "AM/PM" and no "seconds" field and using 24H formatting for "hours" field 
TimePicker timePicker = new TimePicker(new Date(), null, DateTimeFormat.getFormat("HH"), DateTimeFormat.getFormat("mm"), null); 
8

Sé que esta pregunta se hizo hace un tiempo, pero me encontré durante mi búsqueda de un selector de hora GWT y decidí escribir mi propia.

Picture of UTCTimeBox

Es compatible con muchos formatos de entrada diferentes (4p => 16:00, 745 => 07:45 am, etc) y tiene un menú desplegable con las veces a intervalos fijos.

En iOS, se utiliza automáticamente un tipo de entrada HTML5 = "tiempo"

enter image description here

Blog article describing the implementation

Demo of the UTCTimeBox

Demo of the UTCDateBox and UTCTimeBox being used together

Download at Google Code

+0

Funciona bien, me gusta. – snae

4

GWT Bootstrap La biblioteca de widgets GWT tiene un buen widget fecha + tiempo, junto con muchos otros widgets sólidos.

http://gwtbootstrap.github.com/#component:datetimepicker

Editar: Parece que hay una versión más nueva disponible para arranque 3.

+0

parece el camino a seguir, gracias por el comentario, simplemente lo actualizaría a https://github.com/gwtbootstrap3 –

1

escribí un selector de hora recientemente. Lo escribí con prisa, así que no es el mejor, pero funciona bien.

Intenta crear un HTML5 <input type="time"/> y si no es compatible con el navegador, lo analiza manualmente. Lo probé en Chrome y Firefox para PC e iOS.

formatos aceptados son:

  • 12:59 AM
  • 5 - supone que es 05 a.m.
  • 5p - 17:00
  • 13 - 13:00
  • 345-3 : 45 AM
  • 1534 - 15:34
  • 111p - 13:11

implementa HasValue<Long> para devolver el tiempo elegido como milisegundos. También tiene un método para devolver el tiempo combinado con un objeto dado Date.

Aquí está la fuente: https://github.com/srilankanchurro/gwt-stuff/blob/master/gwt-stuff/src/com/sathkumara/client/TimePicker.java

Si tiene modificaciones para contribuir a esta clase, no dude en enviarme una solicitud en github.