Câmpuri de intrare personalizate cu jQuery Timedropper
Unele formulare web cer date bazate pe date și plugin-urile de selectare a datei pot ajuta cu asta. Dar, ce zici intrări de timp?
Cu pluginul jQuery gratuit Timedropper, poti sa adaugi vînzători de timp personalizat pentru setarea programărilor, programarea apelurilor telefonice sau aproape orice ai nevoie.
E incredibil de simplă și de tine au nevoie doar de biblioteca jQuery pentru a incepe. Odată ce ați instalat acea bibliotecă, puteți adăuga fișierele Timedropper JS / CSS și lăsați-o să ruleze. Asta e!
Fiecare câmp de introducere trebuie să fie vizat de un selector jQuery care apoi adaugă câmpul de intrare Timedropper. Acest are opțiuni puteți adăuga funcții suplimentare (opționale):
- Comutator automat - în mod automat, se schimbă ora / minut când se ridică
- meridiane - setați un ceas de 12 ore în loc de 24 de ore
- Format - stabilește modul în care apar orele și minutele (stilul implicit este 1:22)
- Mousewheel - permite modificarea timpului pe baza derularii roților
- Init_animation - activează efectele de animație care se estompează
- setCurrentTime - adaugă automat ora curentă la valoarea câmpului
Dacă ești chiar mai îndrăzneț poți schimbați stilul folosind câteva teme pre-ambalate, sau chiar construiți propriile dvs. de la zero.
Într-o mare de pluginuri jQuery, Timedropper este genunchii albinelor. Este într-adevăr oferă o interfață unică pentru orice aplicație pentru a selecta o oră indiferent de dispozitiv.
Firește, este mobil-receptiv, așa că funcționează și pe smartphone-uri și tablete. Cu toate acestea, nu-mi place lipsa suportului num pad. Aceasta pare a fi calea evidentă de a introduce un timp, deci fără această caracteristică, se poate simți limitator.
Totuși, pentru a interfață unică și a configurare simplă, Recomand Timedropper pentru oricine dorește să-i facă o lovitură.
Puteți găsi tot codul sursă gratuit pe GitHub și veți găsi un demo incredibil de simplu în acest pix, încorporat mai jos.
Dacă aveți alte gânduri sau sugestii, vă rugăm să comunicați cu dezvoltatorul pe Twitter @felice_gattuso.