javascript - jQuery dato-/tidsvelger

Jeg har lett rundt etter en anstendig jQuery-plugin som kan håndtere både datoer og tider. Kjerne-UI-en DatePicker er flott, men dessverre må jeg kunne ta med tid også.

Jeg har funnet noen få triks for at DatePicker skal fungere med tider, men de virker alle ganske uhendige, og Google gir ikke noe fint resultat.

Finnes det en god jQuery-plugin for å velge datoer og tider i en enkelt UI-kontroll med et brukervennlig grensesnitt?

Svar #1

Den absolutt fineste og enkleste dato- og klokkeslettvelgeren er http://trentrichardson.com/examples/timepicker/.

Det er en utvidelse av jQuery UI Datepicker, så den vil støtte de samme temaene. Den fungerer også på nesten samme måte, med lignende syntaks, osv. Dette bør pakkes sammen med jQuery UI etter min mening.

Svar #2

@David, takk for anbefalingen! @fluid_chelsea, jeg har nettopp lansert Any+Time(TM) versjon 3.x som bruker jQuery i stedet for Prototype og har et mye forbedret grensesnitt, så jeg håper det nå møter dine behov:

http://www.ama3.com/anytime/

Eventuelle problemer, vennligst gi meg beskjed via kommentarlinken på nettsiden min!

Svar #3

Etter min mening bør datoer og klokkeslett håndteres som to separate inndatafelt for at det skal være mest brukervennlig og effektivt for brukeren å legge inn. Å la brukeren legge inn én ting om gangen er et godt prinsipp, etter min mening.

Jeg bruker den grunnleggende UI DatePicker, og den følgende tidsvelgeren.

Denne er inspirert av den Google Kalender bruker:

jQuery timePicker:
eksempler: http://labs.perifer.se/timedatepicker/
prosjekt på github: https://github.com/perifer/timePicker

Jeg syntes det var det beste blant alle alternativene. Brukeren kan skrive raskt, det ser ryddig ut, er enkelt, og lar brukeren angi spesifikke tider ned til minuttet.

PS: Etter min mening: skyveknapper (brukt av noen alternative tidsvelgere) krever for mange klikk og presisjon med musen fra brukeren (noe som gjør inntasting tregere).

Svar #4

Min beste erfaring med en datovelger er med prototype-baserte AnyTime. Jeg vet at det ikke er jQuery, men det kan fortsatt være verdt kompromisset for deg. Jeg kan absolutt ingen prototype, og det er fortsatt lett nok å jobbe med.

En forbehold jeg har funnet: det er ikke fremoverkompatibelt på noen nettlesere. Det vil si, det fungerte ikke med en nyere versjon av prototype på Chrome.