13 oso ondo diseinatutako React Date Pickers

Erreakzionatu datak

Have a ondo antolatutako data biltzailea garrantzitsua da bisitariak ez dezan segundo bat galdu jaiotze data aukeratzerakoan edo erosi berri duen produktuaren eskaera gure e-merkataritzan jaso nahi duenean. Hori dela eta, React-en 13 data eta ordu hautatzaile ekartzen dizkizugu, diseinua eta erabiltzaile esperientzia bikaina duten ezaugarriak direla eta.

Hautatzaile hauek React.js-ekoak dira kode irekiko Javascript liburutegia horrek aukera ematen digu bisitatzen ari garen webgunean gertaera baterako data eta egun zehatza aukeratu behar izan dugunean izandako esperientzia bikainekin birsortzeko. Egin dezagun ahaztu duzula gogoratu gabe duzula beste fitxa zerrenda bat ere Javascript React.js-en.

Erreakzionatu hautatzaile anizkoitza

Erreakzionatu hautatzaile anizkoitza

Datepicker hau React-en, aparte diseinu ona izan, Ematen digun egutegian hainbat data aukeratzeko aukera ematen du. React hautatzaile honek nola jokatzen duen in situ ezagutzeko demoa aurki dezakezu. Hemen duzu bere lekua Github.

Erreakzionatu bertako sorta

Native

Un data biltzailea React.js-en erabiltzeko erraztasuna eta pertsonalizagarria dela bereizten da. Ikuspegi sinplea, arrakasta maximoa izanik zure webguneko data eta ordua hautatzeko.

Bertako Erreakzionatu Datak

Erreakzionatu Native

React data hautatzaile honek bihurtzeko aurrekoen eredu bera jarraitzen du zerrenda honetan adierazitako beste batean. Egutegiaz gain, iragazki gisa erabiltzeko egun sorta bat hauta dezakezu. Zure esku dagoen React data hautatzaile interesgarri bat.

RC data hautatzailea

Erreakzionatu datetime

Gainerakoek bezala kalitate handia erakusten jarraitzen duen RC data hautatzaile honen demoa duzu. Bere xehetasunetako bat hori da ordua aukeratzeko aukera eskaintzen du, beraz, alde horretatik besteengandik desberdina da. Erabiltzaileen esperientzia bikaina interfazea da React.js-eko data eta ordua hautatzeko. Hemen duzu zure Github.

Erreakzionatu egutegia

Erreakzionatu egutegia

Hemen, denborarik gabe egiten dugu, React.js-en data biltzaile batekin egoteko. Aurrekoaren antzekoa da gaia argiarekin, baina nahi dugun data hautatzeko ireki daitekeen barra gisa agertzen da. Hemen duzu zure Github demoaren ordez iturburu kodera joateko.

Mobile React data hautatzailea

Erreakzionatu mugikorra

React.js-eko mugikorretarako eskainitako data-hautatzailea gainerakoengandik desberdina da oso gutxi pisatzeagatik. Diseinuagatik nabarmentzen da gurpil digital baten bidez datako elementu desberdinak aukeratuta. Baduzu zure Github beraz, bere iturburu kodera hurbildu zaitezke eta horrela zure webgunean inplementatu.

Infinite React Calendar

Egutegi infinitua

React-ekin eraikitako data hautatzaile infinitu honek gaiak ditu ezaugarri, teklatuaren euskarria, barrutia hautatzea eta kokapena. Zerrenda osoko data-biltzaile osoenetako bat. Hemen duzu zure Github demoaz gozatu ondoren geratzen zaizun informazio guztia lortzeko. Panelean, aukera guztiak izango dituzu bakoitza probatzeko eta, horrela, bere aukeren inguruko ideia hobea lortzeko.

Erreakzionatu Datak

Erreakzionatu datak

Honekin bereizten den React data biltzailea optimizatu mugikorretarako eta hori oso ohitura onekin aurkezten da. Badu ere zure Github horren xehetasun guztiak ezagutu eta horrela zure webgunera eraman ahal izateko. Aukera ugari dituzu, demotik zure erara konfiguratu ahal izateko, etekin handiagoa atera ahal izateko.

Erreakzionatu bertako hautatzailea

Mugikorra React

Pasatzea gomendatzen dizugu bere Github-en eskutik data hautatzaile honen diseinua React-en ezagutzeko. Bereizi dezakegulako erabili APIak DataPickerAndroid, TimePickerAndroid eta DatePicker iOS. Beraz, haren interfazea ezaguna egingo zaizu gailu mugikorretarako sistema eragile horiekin edozein ohitura erabiltzen ohituta bazaude. Ezin hobea aipatutako bi sistema eragileetako edozein aplikaziotan ezartzeko, hala nola, Android eta iOS.

Simple React hautatzailea

Simple React

React.js-en data-biltzaile oso erraza da, bere erakusketaren webgunetik hainbat erabilera adibide aurki ditzakezu. Baditugu ere zure Github React-eko hautatzaile sinple honen gainerako xehetasunak ezagutzeko. Beste interesgarria bere soiltasunagatik ez ezik, beregatik pertsonalizazio aukera desberdinak gure webgunea oso dotorea eta sinplea eskaintzeko.

Sarrerako unea

Sarrerako unea

Ordua hautatzeko aukera gehitzen zaion beste data-hautatzaile bat ere osatuta dago. Momentuekin funtzionatzen du eta diseinua Dribbble webgune beretik dator. Ziur asko gustatuko zaizu bere diseinuagatik eta instalatuta dagoen webguneari ematen dion dotoreziagatik. Hau da zure Github data eta ordua hautatzailea denaren beste adibide bikain batekin ezer galdu ez dezazun.

React day picker

Erreakzionatu hautatzailea

React-en data-hautatzaile hau gzipper-en 9 KB-koa da, izateaz gain ondo pertsonalizagarria, lokalizagarria, ARIA onartzen duena eta kanpoko ezeren mende dagoena. Lokalizagarria esan nahi dugu egutegiko hizkuntza hauta dezakegula gure hizkuntzara itzul dadin. React zerrenda oso honetako hautatzaile osoenetako bat eta horrek nahiko zaila egiten zaigu bat erabakitzea.

Datepicker ReactJS

Datepicker

Gainerakoak bezalako demoa duzu in situ ezagutzeko data-hautatzailea, tresna-barra batez egutegia irekitzen duen tresna-barra batez bereizteko. Pasatzean hautatzailea du eta diseinuan kalitate handiko hautatzailea da. Da minimalista, beraz, integratu daiteke edozein webgune motatan. Haien Github duzu gainerako xehetasunak jakiteko eta kodea zure webgunerako nahi duzun moduan erabiltzeko.

Beste zerrenda bat uzten dizuegu, CSS formen oraingoan beraz, inplementatu hemendik aurrera eta errepertorio ona duzu non zure webgunerako dotorezia hori aukeratu.


Artikuluaren edukia gure printzipioekin bat dator etika editoriala. Akats baten berri emateko egin klik hemen.

Idatzi lehenengo iruzkina

Utzi zure iruzkina

Zure helbide elektronikoa ez da argitaratuko. Beharrezko eremuak markatuta daude *

*

*

  1. Datuen arduraduna: Miguel Ángel Gatón
  2. Datuen xedea: SPAM kontrolatzea, iruzkinen kudeaketa.
  3. Legitimazioa: Zure baimena
  4. Datuen komunikazioa: datuak ez zaizkie hirugarrenei jakinaraziko legezko betebeharrez izan ezik.
  5. Datuak biltegiratzea: Occentus Networks-ek (EB) ostatatutako datu-basea
  6. Eskubideak: Edonoiz zure informazioa mugatu, berreskuratu eta ezabatu dezakezu.