13 Katta reaktiv sana tanlovchilari

Reaksiya sanalari

Bir bor yaxshi tashkil etilgan sana yig'uvchi muhim ahamiyatga ega shunday qilib, mehmon tug'ilgan sanani tanlashda yoki bizning elektron tijoratimizda sotib olgan mahsulotning buyurtmasini olishni xohlaganda bir soniyani sarflamasligi uchun. Shu sababli biz sizga React-da 13 ta sana va vaqt tanlovchilarini taklif etamiz, ular dizayni va foydalanuvchi tajribasi bilan ajralib turadi.

Ushbu tanlovchilar React.js dan, ochiq manba Javascript kutubxonasi bu biz tashrif buyurgan veb-saytda tadbir uchun sana va aniq kunni tanlashga to'g'ri kelganda, ularning ajoyib tajribalarini qayta tiklashga imkon beradi. Sizda borligini eslatishni unutmasdan buni qilaylik boshqa yorliqlar ro'yxati, shuningdek Javascript React.js-da.

Ko'p tanlovchiga reaksiya bering

Ko'p tanlovchiga reaksiya bering

React-dagi ushbu ma'lumotni belgilovchi, bundan tashqari yaxshi dizaynga ega, Bu bizga beradigan taqvimdagi bir nechta sanalarni tanlashga imkon berish bilan tavsiflanadi. Siz ushbu React selektorining o'zini qanday tutishini joyida bilish uchun demoni topishingiz mumkin. Bu erda sizda o'z o'rni bor Github.

Mahalliy diapazonga reaksiya bering

tug'ma

Un React.js-da sana yig'uvchi bu uning foydalanish qulayligi va qanchalik moslashtirilganligi bilan ajralib turadi. O'zining kontseptsiyasida sodda, bu sizning veb-saytingizning sana va vaqtini tanlash uchun eng katta muvaffaqiyat.

Mahalliy reaktiv sanalar

Mahalliy munosabat

Ushbu React sana yig'uvchisi aylantirish uchun avvalgilariga o'xshash sxemaga amal qiladi ushbu ro'yxatda ko'rsatilganlardan boshqasida. Taqvim bilan bir qatorda siz filtr sifatida foydalanish uchun kunlar oralig'ini tanlashingiz mumkin. Sizning ixtiyoringizda bo'lgan yana bir qiziqarli React sana yig'uvchisi.

RC sana yig'uvchi

Datetime reaksiyasi

Sizda ushbu RC sana yig'uvchisi demo bor, u boshqalar singari ajoyib sifatni namoyish etishda davom etmoqda. Uning tafsilotlaridan biri shu vaqtni tanlash imkoniyatini taqdim etadi, shuning uchun bu jihatdan boshqalardan farq qiladi. Foydalanuvchilarning ajoyib tajribasi - bu React.js-dagi sana va vaqtni tanlash kabi ajoyib interfeys. Sizda bu erda sizning Githubingiz.

Taqvimga munosabat bildiring

Taqvimga munosabat bildiring

Bu erda biz vaqtdan butunlay voz kechamiz, React.js-da sana yig'uvchi bilan qolamiz. Bu avvalgisiga o'xshaydi aniq mavzu bilan, lekin biz xohlagan sanani tanlash uchun ochilishi mumkin bo'lgan bar sifatida ko'rinishi bilan ajralib turadi. Mana sizda sizning Githubingiz demo o'rniga manba kodiga o'tish uchun.

Mobile React sana yig'uvchisi

Mobil aloqada bo'lish

React.js-dan mobil telefonga bag'ishlangan ushbu sana yig'uvchisi boshqalaridan farq qiladi juda oz tortish uchun. Raqamli g'ildirak orqali tarixning turli xil elementlarini tanlab, dizayni bilan ajralib turadi. Sizda .. Bor sizning Githubingiz manba kodiga yaqinlashishingiz va shu bilan uni veb-saytingizda amalga oshirishingiz mumkin.

Infinite React Taqvim

Cheksiz taqvim

React bilan qurilgan ushbu cheksiz sana tanlovchisi mavzular bilan tavsiflanadi, klaviaturani qo'llab-quvvatlash, intervallarni tanlash va joylashuvi. Butun ro'yxatdagi eng to'liq sana yig'uvchilaridan biri. Mana sizda sizning Githubingiz demodan bahramand bo'lganingizdan keyin qolgan barcha ma'lumotlar uchun. Panelda har birini sinab ko'rish va shu bilan uning imkoniyatlari to'g'risida yaxshiroq tasavvurga ega bo'lish uchun bir qator variantlarga ega bo'lasiz.

Reaktiv sanalar

Reaksiya sanalari

Bilan ajralib turadigan React-da sana yig'uvchi mobil aloqa uchun optimallashtirilgan bo'lishi va bu juda yaxshi odob-axloq bilan ta'minlangan. Shuningdek, bor sizning Githubingiz shuning uchun siz uning har bir tafsilotini bilib olishingiz va shu bilan veb-saytingizga olib borishingiz mumkin. Sizda juda ko'p turli xil variantlar mavjud, shuning uchun demodan siz uni o'zingiz xohlagan tarzda sozlashingiz va shu bilan siz undan ko'proq foyda olishingiz mumkin.

Mahalliy tanlovchiga reaksiya bering

Mobil reaksiya

Siz o'tishingizni tavsiya qilamiz uning Github tomonidan React-da ushbu sana tanlagichining dizaynini bilish uchun. Biz buni ajrata olamiz, chunki DataPickerAndroid, TimePickerAndroid API-laridan foydalaning va DatePicker iOS. Shunday qilib, agar siz mobil qurilmalar uchun ushbu operatsion tizimlarning birortasi bilan ishlashga odatlangan bo'lsangiz, uning interfeysi sizga yaxshi eshitiladi. Buni Android va iOS kabi ikkita operatsion tizim uchun dasturda qo'llash juda yaxshi.

Oddiy reaktiv tanlovchi

Oddiy reaksiya

React.js-da juda oddiy sana yig'uvchi, demo veb-saytidan bir nechta foydalanish misollarini topishingiz mumkin. Bizda ham bor sizning Githubingiz React-da ushbu oddiy selektorning qolgan tafsilotlarini bilish. Nafaqat soddaligi, balki uning uchun ham qiziqarli turli xil sozlash imkoniyatlari veb-saytimizga juda oqlangan va sodda veb-saytni taqdim etish.

Kirish momenti

Kirish momenti

Vaqtni tanlash imkoniyati qo'shilgan yana bir sana yig'uvchisi, shuning uchun u to'liq bo'ladi. Momentjlar bilan ishlaydi va dizayni o'sha Dribbble veb-saytidan olingan. Siz uni dizayni va u o'rnatgan veb-saytga beradigan nafisligi uchun yaxshi ko'rasiz. Bu sizning Githubingiz sana va vaqt tanlagichining yana bir ajoyib namunasi bilan hech narsani sog'inmaslik uchun.

React day picker

Reaktni tanlagich

React-dagi ushbu xurmo yig'uvchisi gzipperda 9KB bilan ajralib turadi yaxshi sozlanishi, joylashishi mumkin, bu ARIA-ni qo'llab-quvvatlaydi va tashqi narsalarga bog'liq emas. Mahalliylashtirish deganda taqvimning tilini tanlab olsak bo'ladi, shunda u bizning tilimizga tarjima qilinadi. Ushbu React ro'yxatining eng to'liq tanlanganlaridan biri va bu biz uchun qaror qabul qilishni qiyinlashtiradi.

Datepicker ReactJS

Datepicker

Boshqalar singari demo mavjud, bu sana tanlovchisini joyida bilish uchun, bu asboblar paneli bilan tavsiflanadi, bosilganda kalendar ochiladi. U hover selektoriga ega va dizayndagi yuqori sifatli tanlovchidir. Shunday minimalist, shuning uchun uni birlashtirish mumkin har qanday turdagi veb-saytlarda. Sizda uning Github bor tafsilotlarning qolgan qismini bilish va veb-saytingiz uchun kerakli koddan foydalanish uchun.

Sizni boshqa ro'yxat bilan qoldiramiz, bu vaqt CSS-da shakllantirilgan bo'lsa-da shunday qilib hozirdan boshlab amalga oshiring va sizning veb-saytingiz uchun nafislikning ushbu shaklini tanlash uchun yaxshi repertuaringiz bor.


Maqolaning mazmuni bizning printsiplarimizga rioya qiladi muharrirlik etikasi. Xato haqida xabar berish uchun bosing bu erda.

Birinchi bo'lib izohlang

Fikringizni qoldiring

Sizning email manzilingiz chop qilinmaydi. Kerakli joylar bilan belgilangan *

*

*

  1. Ma'lumotlar uchun javobgardir: Migel Anxel Gaton
  2. Ma'lumotlarning maqsadi: SPAMni boshqarish, izohlarni boshqarish.
  3. Qonuniylashtirish: Sizning roziligingiz
  4. Ma'lumotlar haqida ma'lumot: qonuniy majburiyatlar bundan mustasno, ma'lumotlar uchinchi shaxslarga etkazilmaydi.
  5. Ma'lumotlarni saqlash: Occentus Networks (EU) tomonidan joylashtirilgan ma'lumotlar bazasi
  6. Huquqlar: istalgan vaqtda siz ma'lumotlaringizni cheklashingiz, tiklashingiz va o'chirishingiz mumkin.