Nechte přehledný výběr data je důležitý aby návštěvník neztrácel ani vteřinu při výběru data narození nebo když chce obdržet objednávku produktu, který si právě koupil v našem elektronickém obchodu. Z tohoto důvodu vám přinášíme v React 13 voličů data a času, které se vyznačují svým designem a skvělým uživatelským zážitkem.
Tyto selektory pocházejí z React.js otevřená knihovna Javascript To nám umožňuje znovu vytvořit některé z jejich skvělých zážitků, když jsme museli zvolit datum a konkrétní den události na webu, který navštěvujeme. Udělejme to, aniž bychom vám zapomněli připomenout, že máte další seznam záložek také v Javascript React.js.
Reagujte na více voličů
Tento DatePicker v React, kromě mít dobrý design„Vyznačuje se tím, že umožňuje výběr několika dat v kalendáři, který nám poskytuje. Demo najdete, abyste na místě věděli, jak se chová tento selektor React. Tady máte své místo GitHub.
Reagovat nativní rozsah
Un výběr data v React.js který se vyznačuje snadným používáním a přizpůsobitelností. Jednoduchý ve své koncepci, což je jeho maximální úspěch stát se selektorem data a času vašeho webu.
Nativní data reakce
Tento nástroj pro výběr data reakce se při převodu řídí stejným vzorem jako předchozí v jiném z uvedených na tomto seznamu. Kromě kalendáře si můžete vybrat rozsah dní, které se mají použít jako filtr. Další zajímavý výběr data React, který máte k dispozici.
RC výběr data
Máte ukázku tohoto RC sběrače dat, který i nadále vykazuje skvělou kvalitu jako ostatní. Jedním z jeho detailů je to nabízí možnost zvolit si čas, takže se v tomto ohledu liší od ostatních. Skvělá uživatelská zkušenost je skvělé rozhraní jako volič data a času v React.js. Máte tady váš Github.
Reagovat na kalendář
Tady jsme úplně bez času, abychom zůstali s výběrem data v React.js. Je to podobné jako v předchozím s jasným tématem, ale vyznačuje se tím, že se jeví jako lišta, kterou lze otevřít za účelem výběru požadovaného data. Tady máš váš Github místo ukázky přejít na zdrojový kód.
Výběr data pro mobilní reakci
Tento výběr data vyhrazený pro mobilní zařízení z React.js se liší od ostatních za velmi malou váhu. Vyniká svým designem výběrem různých prvků data prostřednictvím digitálního kolečka. Ty máš váš Github abyste se mohli přiblížit jeho zdrojovému kódu a implementovat jej tak na svůj web.
Infinite React Calendar
Tento nekonečný výběr dat vytvořený s Reactem se vyznačuje tématy, podpora klávesnice, výběr rozsahu a umístění. Jeden z nejkomplexnějších nástrojů pro výběr data na celém seznamu. Tady máš váš Github pro všechny zbývající informace poté, co jste si demo užili. Na panelu budete mít celou řadu možností, jak každou vyzkoušet a získat tak lepší představu o jejích možnostech.
Reagovat termíny
Výběr data v React, který se vyznačuje být optimalizován pro mobilní zařízení a to je prezentováno s velmi dobrými mravy. Také má váš Github abyste mohli znát každý jeho detail a tak ho přenést na svůj web. Máte širokou škálu možností, takže z dema si jej můžete nakonfigurovat po svém a tím z něj získat více.
Reagovat nativní selektor
Doporučujeme projít jeho Github abychom poznali design tohoto nástroje pro výběr data v React. Můžeme to rozlišit, protože použijte API DataPickerAndroid, TimePickerAndroid a DatePicker iOS. Jeho rozhraní vám tedy bude znít povědomě, pokud jste zvyklí jednat s některým z těchto operačních systémů pro mobilní zařízení. Perfektní pro implementaci v aplikaci pro jeden ze dvou zmíněných operačních systémů, jako je Android a iOS.
Simple React selector
Velmi jednoduchý nástroj pro výběr data v React.js, který najdete na jeho ukázkovém webu několik příkladů použití. Také máme váš Github znát zbytek podrobností tohoto jednoduchého selektoru v React. Další zajímavý nejen pro svou jednoduchost, ale i pro svou různé možnosti přizpůsobení dát našemu webu velmi elegantní a jednoduchý.
Vstupní moment
Další výběr data, ke kterému je přidána možnost také vybrat čas, takže je kompletní. Funguje s momentjs a design pochází ze stejného webu Dribbble. Určitě si ho zamilujete pro jeho design a eleganci, kterou dává webu, kde je nainstalován. Toto je váš Github takže vám nic nechybí s dalším skvělým příkladem toho, co je selektor data a času.
Reagovat na výběr dne
Tento výběr data v Reactu se vyznačuje tím, že kromě toho je jeho 9 kB v gzipperu dobře přizpůsobitelné, lokalizovatelné, který podporuje ARIA a nezávisí na ničem externím. Lokalizovatelné máme na mysli, že můžeme vybrat jazyk kalendáře tak, aby byl přeložen do našeho jazyka. Další z nejkompletnějších selektorů z celého tohoto seznamu React, což nám ztěžuje rozhodování o jednom.
Reactpicker ReactJS
Demo máte jako ostatní, abyste věděli tento výběr data, který je charakterizován nástrojovou lištou, která po stisknutí otevře kalendář. Má volič přechodu a je voličem vysoce kvalitní konstrukce. Je minimalistický, takže jej lze integrovat na jakémkoli typu webu. Máte jeho Github zjistit další podrobnosti a použít kód pro svůj web podle libosti.
Necháme vás s dalším seznamem, i když tentokrát formulářů v CSS takže implementovat od nynějška a máte dobrý repertoár, kde zvolit tuto formu elegance pro váš web.