13 גרויס דיזיינד רעאַקציע טאָג פּיקקערס

רעאַגירן דאַטעס

האָבן אַ געזונט-עריינדזשד דאַטע פּיקער איז וויכטיק אַזוי אַז דער גאַסט נישט וויסט אַ רגע אין טשוזינג די געבורט טאָג אָדער ווען ער וויל צו באַקומען די סדר פון די פּראָדוקט וואָס ער האָט פּונקט געקויפט אין אונדזער eCommerce. צוליב דעם סיבה מיר ברענגען 13 דייטאַל און צייט סעלעקטאָרס אין רעאַקט וואָס קעראַקטערייזד דורך זייער פּלאַן און זייער גרויס באַניצער דערפאַרונג.

די סעלעקטאָרס זענען פֿון React.js, די עפענען מקור דזשאַוואַסקריפּט ביבליאָטעק וואָס אַלאַוז אונדז צו ריקריייט זיך עטלעכע פון ​​זייער גרויס יקספּיריאַנסיז ווען איר דאַרפֿן צו קלייַבן די דאַטע און די ספּעציפיש טאָג פֿאַר אַ געשעעניש אויף דעם וועבזייטל וואָס מיר באזוכן. זאל ס טאָן עס אָן פערגעטינג צו דערמאָנען איר אַז איר האָבן אן אנדער קוויטל רשימה אויך אין Javascript React.js.

רעאַגירן קייפל סעלעקטאָר

רעאַגירן קייפל סעלעקטאָר

דעם דאַטן פּיקער אין רעאַגירן, אַחוץ צו האָבן אַ גוט פּלאַן, עס איז קעראַקטערייזד דורך אַלאַוינג די סעלעקציע פון ​​עטלעכע דאַטעס אין די קאַלענדאַר וואָס עס גיט אונדז. איר קענען געפֿינען די דעמאָ צו וויסן אין סיטו ווי דעם רעאַקט סעלעקטאָר ביכייווז. דאָ איר האָבן זיין פּלאַץ אין גיטהוב.

רעאַגירן געבוירן קייט

געבוירן

Un דאַטע פּיקער אין React.js וואָס איז קעראַקטערייזד דורך די יז פון נוצן און ווי קוסטאָמיזאַבלע עס איז. אין זייער פאָרשטעלונג, דאָס איז די מאַקסימום הצלחה צו ווערן דער סעלעקטאָר פון דיין דאַטע און צייט.

געבוירן רעאַקט דאַטעס

געבוירן רעאַקט

דער רעאַקט דאַטע פּיקער גייט די זעלבע מוסטער ווי די פריערדיקע צו יבערמאַכן אין אן אנדער פון די אנגעוויזן אויף דער רשימה. אין אַדישאַן צו די קאַלענדאַר, איר קענט סעלעקטירן אַ קייט פון טעג צו נוצן ווי אַ פילטער. אן אנדער טשיקאַווע רעאַקט דאַטע פּיקער וואָס איר האָט צו דיין באַזייַטיקונג.

רק דאַטע פּיקער

רעאַגירן דאַטיים

איר האָט אַ דעמאָ פון דעם RC דאַטע פּיקער וואָס האלט צו ווייַזן גרויס קוואַליטעט ווי די מנוחה. איינער פון די פרטים איז אַז אָפפערס די מעגלעכקייט צו קלייַבן די צייט, אַזוי עס דיפערז פון די אנדערע אין דעם אַכטונג. גרויס באַניצער דערפאַרונג איז אַ גרויס צובינד ווי אַ דאַטע און צייט סעלעקטאָר אין React.js. איר האָט דאָ דיין גיטוב.

רעאַגירן קאַלענדאַר

רעאַגירן קאַלענדאַר

דאָ מיר טאָן ניט האָבן די צייט צו בלייבן מיט אַ דאַטע פּיקער אין React.js. עס איז ענלעך צו די פֿריִערדיקע מיט דער טעמע קלאָר, אָבער עס איז אונטערשיידן דורך דערשייַנען ווי אַ באַר וואָס קענען זיין אָופּאַנד צו סעלעקטירן דעם טאָג מיר וועלן. דאָ איר האָבן דיין גיטוב צו גיין צו די מקור קאָד אַנשטאָט פון דער דעמאָ.

מאָביל אָפּרוף דאַטע פּיקער

רעאַגירן רירעוודיק

דער דאַטע פּיקקער דעדאַקייטאַד צו רירעוודיק פֿון React.js איז אַנדערש פון די מנוחה פֿאַר ווייינג זייער קליין. עס שטייט אויס פֿאַר זיין פּלאַן דורך טשוזינג די פאַרשידענע עלעמענטן פון דער דאַטע דורך אַ דיגיטאַל ראָד. דו האסט דיין גיטוב אַזוי אַז איר קענען באַקומען נעענטער צו די מקור קאָד און אַזוי ימפּלאַמענטאַד עס אויף דיין וועבזייטל.

Infinite React קאַלענדאַר

ינפאַנאַט קאַלענדאַר

דער ינפאַנאַט דאַטע פּיקקער געבויט מיט רעאַקט איז קעראַקטערייזד דורך טעמעס, קלאַוויאַטור שטיצן, קייט סעלעקציע און אָרט. איינער פון די מערסט פולשטענדיק דאַטע פּיקערז אויף די גאנצע רשימה. דאָ איר האָבן דיין גיטוב נאָך די רוען אינפֿאָרמאַציע נאָך ינדזשויד דעמאָ. אין די טאַפליע איר וועט האָבן די גאנצע סעריע פון ​​אָפּציעס צו פּרובירן יעדער איינער און אַזוי באַקומען אַ בעסער געדאַנק פון די פּאַסאַבילאַטיז.

רעאַגירן דאַטעס

רעאַגירן דאַטעס

א דאַטע פּיקער אין רעאַקט וואָס איז אונטערשיידן דורך זיין אָפּטימיזעד פֿאַר רירעוודיק און דאָס איז דערלאנגט מיט זייער גוטע מאַנירן. אויך האט דיין גיטוב אַזוי אַז איר קענט וויסן יעדער פּרט און פירן עס צו דיין וועבזייטל. איר האָט אַ ברייט פאַרשיידנקייַט פון אָפּציעס, אַזוי אַז איר קענען קאַנפיגיער עס פֿון דיין דעמאָ אויף דיין וועג, אַזוי אַז איר קענען באַקומען מער פון אים.

רעאַגירן געבוירן סעלעקטאָר

מאָביל ריאַק

מיר רעקאָמענדירן צו גיין פֿון זײַן גיטהוב אין סדר צו וויסן דעם פּלאַן פון דעם דאַטע פּיקער אין רעאַקט. מיר קענען ויסטיילן עס ווייַל נוצן די APIs DataPickerAndroid, TimePickerAndroid און DatePicker iOS. דער צובינד וועט זיין געזונט באַקאַנט פֿאַר איר אויב איר זענט געניצט צו האַנדלען מיט קיין פון די OS פֿאַר רירעוודיק דעוויסעס. שליימעסדיק צו ינסטרומענט עס אין אַ אַפּ פֿאַר איינער פון די צוויי דערמאנט אָפּערייטינג סיסטעמען אַזאַ ווי אַנדרויד און יאָס.

פּשוט רעאַקט סעלעקטאָר

פּשוט רעאַגירן

א זייער פּשוט דאַטע פּיקער אין React.js אַז איר קענען געפֿינען עטלעכע ביישפילן ביישפילן פֿון זיין דעמאָ וועבזייטל. מיר אויך האָבן דיין גיטוב צו וויסן די מנוחה פון די דעטאַילס פון דעם פּשוט סעלעקטאָר אין רעאַגירן. אן אנדער טשיקאַווע ניט נאָר פֿאַר זיין פּאַשטעס, אָבער פֿאַר זיין פאַרשידענע קוסטאָמיזאַטיאָן אָפּציעס צו צושטעלן אונדזער וועבזייטל זייער עלעגאַנט און פּשוט.

ינפּוט מאָמענט

ינפּוט מאָמענט

אן אנדער דאַטע פּיקער צו וואָס די אָפּציע צו סעלעקטירן די צייט איז צוגעגעבן, אַזוי עס איז גאַנץ. אַרבעט מיט momentjs און דער פּלאַן קומט פון דער זעלביקער דריבבלע וועבזייטל. איר וועט שורלי ליבע עס פֿאַר זיין פּלאַן און די עלאַגאַנס אַז עס גיט צו די וועבזייטל ווו עס איז אינסטאַלירן. דאָס איז דיין גיטהוב אַזוי אַז איר טאָן ניט פעלן עפּעס מיט אן אנדער גרויס בייַשפּיל פון וואָס אַ דאַטע און צייט סעלעקטאָר איז.

רעאַגירן טאָג פּיקער

רעאַגירן סעלעקטאָר

דער דאַטע פּיקער אין רעאַקט איז קעראַקטערייזד דורך זיין 9 קב אין גזיפּער, אַחוץ פון זייַענדיק געזונט קוסטאָמיזאַבלע, לאָקאַטאַבלע, וואָס שטיצט אַריאַ און טוט נישט אָפענגען אויף עפּעס אַרויס. לאָקאַליזאַבלע מיר מיינען אַז מיר קענען אויסקלייַבן די שפּראַך פון די קאַלענדאַר אַזוי אַז עס איז איבערגעזעצט אין אונדזער שפּראַך. אן אנדער פון די מערסט פולשטענדיק סעלעקטאָרס פון דער גאנצער רעאַקט רשימה, וואָס מאכט אונדז גאַנץ שווער צו באַשליסן איינער.

Datepicker ReactJS

דאַטעפּיקקער

איר האָבן די דעמאָ ווי די מנוחה צו וויסן דעם טאָג סעלעקטאָר וואָס איז קעראַקטערייזד דורך אַ געצייַג באַר אַז ווען געדריקט אָפּענס די קאַלענדאַר. עס האט אַ האָווער סעלעקטאָר און איז אַ סעלעקטאָר פון הויך קוואַליטעט אין פּלאַן. איז מינימאַליסט, אַזוי עס קענען זיין ינאַגרייטיד אויף קיין טיפּ פון וועבזייטל. איר האָט זייער גיטהוב צו געפֿינען די מנוחה פון די דעטאַילס און נוצן די קאָד ווי איר ווילט פֿאַר דיין וועבזייטל.

מיר לאָזן איר מיט אן אנדער רשימה, כאָטש דאָס מאָל פון פאָרמס אין CSS אַזוי אַז די ינסטרומענט פון איצט און איר האָבן אַ גוטע רעפּערטואַר צו קלייַבן די פאָרעם פון עלאַגאַנס פֿאַר דיין וועבזייטל.


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

זייט דער ערשטער צו באַמערקן

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.