Domovská » Sada nástrojů » Pole pro zadání vlastního času s časovačem jQuery

    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.