Pole pro zadání vlastního času s časovačem jQuery
Některé webové formuláře vyžadují vstupy založené na datu a pluginy pro výběr data mohou s tím pomoci. Ale co časové vstupy?
S bezplatným pluginem jQuery Timedropper, můžeš přidat vlastní výběr času pro nastavení schůzek, plánování telefonních hovorů nebo téměř vše, co potřebujete.
Je to neuvěřitelně jednoduché a vy potřebujete pouze knihovnu jQuery začít. Po instalaci této knihovny můžete přidat soubory JS / CSS časovače a nechat je běžet. A je to!
Každé vstupní pole musí být cílené voličem jQuery který pak přidá vstupní pole časovače. Tento má možnosti můžete přidat další (volitelné) funkce:
- Automatický spínač - automaticky změní hodinu / minutu při přechodu na vyšší úroveň
- Meridiáni - namísto 24 hodin nastavte 12hodinové hodiny
- Formát - nastavuje způsob zobrazení hodin a minut (výchozí styl je 1:22 pm)
- Kolečko myši - umožňuje změnu času na základě posouvání kola
- Init_animation - Zapne efekty efektu vyblednutí
- setCurrentTime - automaticky přidá aktuální hodnotu do hodnoty pole
Pokud jste ještě odvážnější, můžete změnit styl pomocí několika předem zabalených témat, nebo dokonce vytvořit svůj vlastní od nuly.
V moři jQuery plugins, Timedropper je včela kolena. To opravdu nabízí jedinečné rozhraní pro libovolnou aplikaci vybrat čas bez ohledu na zařízení.
Je to přirozeně mobilní, tak to funguje i na smartphonech a tabletech. Nicméně se mi nelíbí nedostatek podpory num pad. To se zdá být zřejmým způsobem, jak zadat čas, takže bez této funkce se může cítit omezeně.
Stále pro jedinečné rozhraní a jednoduché nastavení, Doporučuji Timedropper pro každého, kdo je ochoten dát mu šanci.
Můžeš najít všechny zdrojové kódy zdarma na GitHub a najdete neuvěřitelně jednoduché demo v tomto peru, vložené níže.
Máte-li jakékoli jiné myšlenky nebo návrhy, neváhejte se podělit s vývojářem na Twitteru @ felice_gattuso.