Egyéni időbeviteli mezők a jQuery Timedropperrel
Egyes weblapok megkövetelik dátum alapú bemenetek és a dátumválasztó bővítmények segíthetnek ezzel. De mi a helyzet időbevitel?
Az ingyenes jQuery pluginnel Timedropper, hozzáadhat egyéni időszedők a találkozók beállításához, a telefonhívások ütemezéséhez, vagy elég sok mindenre.
Hihetetlenül egyszerű és te csak a jQuery könyvtárra van szükség kezdeni. Miután telepítette a könyvtárat, hozzáadhatja a Timedropper JS / CSS fájlokat, és hagyja, hogy futjon. Ez az!
Minden beviteli mezőnek meg kell lennie egy jQuery választó által célzott ezután hozzáadja a Timedropper beviteli mezőt. Ez van lehetőség hozzáadható extra (opcionális) funkciókkal:
- Autoswitch - automatikusan megváltoztatja az órát / percet, amikor felemel
- meridiánok - állítsa be a 12 órás órát 24 órás helyett
- Formátum - beállítja, hogyan jelenjenek meg az órák és percek (az alapértelmezett stílus 1:22)
- Egérgörgő - lehetővé teszi az idő változását a kerék görgetése alapján
- Init_animation - bekapcsolja az elhalványuló animációs hatásokat
- setCurrentTime - automatikusan hozzáadja az aktuális időt a mező értékéhez
Ha még inkább merész vagy változtassa meg a stílust néhány előre csomagolt témát használva, vagy akár saját maga is létrehozhatja a semmiből.
A jQuery pluginok tengerén a Timedropper a méh térdei. Valóban egyedi felületet kínál minden alkalmazás számára, hogy az eszköztől függetlenül válasszon egy időt.
Természetesen ez az mobil reagáló, így az okostelefonokon és táblagépeken is működik. Azonban nem tetszik nekem a numpad támogatás hiánya. Ez úgy tűnik, mintha nyilvánvalóan belépnénk az időbe, így anélkül, hogy ezt a funkciót korlátozta volna.
Mégis, a egyedi felület és a egyszerű beállítás, Ajánlom a Timedropper-t mindenkinek, aki hajlandó lesz lőni.
Találhatod az összes forráskód ingyenes a GitHub-on, és hihetetlenül egyszerű demót talál a tollban, az alábbiakban beágyazva.
Ha bármilyen más gondolata vagy javaslata van, akkor bátran ossza meg a fejlesztőt a Twitter @felice_gattuso.