2009-06-16 10 views
1

In meinem Projekt (basierend auf PHP/MySQL/Jquery) brauche ich den Benutzer Zeit eingeben.
Aber es scheint, sehr ärgerlich, die Zeit in der strengen Formate wie
06.00
oder 14:00benutzerfreundliche Zeiteintrag

so möchte ich geben dem Benutzer die Freiheit geben Zeit in einem sehr freundlichen Art und Weise wie
eingeben 18:00 Uhr, 11:00 Uhr usw.
oder
, die dann intern in ein striktes Zeitformat für die weitere Verarbeitung konvertiert werden. Kann mir jemand irgendein gutes Plugin vorschlagen. Wenn keine Plugins vorhanden sind, schlage mir bitte vor, wie ich mich nähern soll.

+0

Dies ist eine ähnliche Frage: http://stackoverflow.com/questions/476822/jquery-time-picker – kgiannakakis

+0

Auch vergleichbar mit http://stackoverflow.com/questions/579354/whats-the-best-approach- to-get-date-time-input-from-the-user – alex

+0

Und ähnlich wie http://stackoverflow.com/questions/582146/free-form-date-picker-like-rtm/582189#582189 – karlipoppins

Antwort

3

Was ich für Datums- und/oder Zeitfelder tendiere, lasse ich den Benutzer in einem beliebigen Format eingeben und formatiere es dann auf ein "universelles" bestimmtes Format bei Unschärfe des Feldes. Date.js ist unglaublich praktisch für die Analyse und die Formatierung.

So etwas wie

$('.timeboxme').blur(function() { 
    var $el = $(this); 
    var theDate = Date.parse($el.val()); 
    if(theDate) { 
     $el.val(theDate.toString("HH:mm")); 
    } else { 
     //it didn't appear to be a valid date/time, tell the user 
    } 
}); 

Als Bonus, wenn Sie date.js verwenden, können Sie einige ausgefallene Tricks erhalten Sie den Benutzer über, wie „3 Stunden“ sagen kann, oder „letzte Stunde“ :-)

+0

Date.js sieht perfekt aus :). Vielen Dank. – Varun

+0

Keine Sorgen.Es wird aber nicht nur einfach nur alt 14 (es denkt, du meinst den Tag des Monats), also möchten Sie vielleicht eine Regexp oder etwas fenburgle zusammenfassen, um zu überprüfen, ob es nur eine Zahl ist und diesen Fall speziell behandeln. Abgesehen davon ist date.js ein großartiges Kit –

0

hier ist eine interessante jQuery-Plugin i kürzlich

http://haineault.com/media/jquery/ui-timepickr/page/


gefunden

Wenn Sie nicht ein jQuery-Plugin meine beste Empfehlung zu verwenden wan't wäre Auswahlboxen

3 wählt verwenden würde es tun

[Stunde] [Minute] [ampm]

oder sogar

[Stunde] [Minute]

, wenn Sie die 24-Stunden-Strecke


mir ging jemand so dass '14' treten in einen Text für den Benutzer

+0

ja ich weiß Es gibt viele ral plugins da draußen .. aber ich möchte nicht für diese schicken, aber irritierenden Plugins für Zeiteingaben. In der Tat ich dieses bin mit der http://labs.perifer.se/timedatepicker/ noch freundlich ist einfach, aber ich möchte das Merkmal i avove erklärt integrieren (dh. Zeit wie 06.00 erlauben, 13 usw.) – Varun

Verwandte Themen