لديك منتقي التاريخ حسن الترتيب مهم حتى لا يضيع الزائر ثانية في اختيار تاريخ الميلاد أو عندما يريد استلام طلب المنتج الذي اشتراه للتو في التجارة الإلكترونية لدينا. لهذا السبب ، نقدم لك 13 محددًا للتاريخ والوقت في React تتميز بتصميمها وتجربة مستخدم رائعة.
هذه المحددات هي من React.js و مكتبة جافا سكريبت مفتوحة المصدر يتيح لنا إعادة إنشاء أنفسنا ببعض من تجاربهم الرائعة عند الاضطرار إلى اختيار التاريخ واليوم المحدد لحدث ما على موقع الويب الذي نزوره. دعنا نفعل ذلك دون أن ننسى تذكيرك بأن لديك قائمة علامات تبويب أخرى في Javascript React.js.
تفاعل مع محددات متعددة
منتقي البيانات هذا في React ، بصرف النظر عن لديها تصميم جيد، يتميز بالسماح باختيار عدة تواريخ في التقويم الذي يقدمه لنا. يمكنك العثور على العرض التوضيحي لمعرفة كيف يتصرف محدد React هذا في الموقع. هنا لديك مكانه في جيثب.
رد فعل النطاق الأصلي
Un منتقي التاريخ في React.js الذي يتميز بسهولة استخدامه وقابليته للتخصيص. بسيطة في مفهومها ، وهذا هو أقصى نجاح لها لتصبح التاريخ والوقت المحدد لموقع الويب الخاص بك.
تواريخ التفاعل الأصلية
يتبع منتقي تاريخ React نفس النمط السابق للتحويل في آخر من تلك المشار إليها في هذه القائمة. بالإضافة إلى التقويم ، يمكنك تحديد نطاق من الأيام لاستخدامه كعامل تصفية. منتقي تاريخ React آخر مثير للاهتمام لديك تحت تصرفك.
منتقي تاريخ RC
لديك العرض التوضيحي لمنتقي التاريخ RC هذا الذي يستمر في إظهار جودة رائعة مثل البقية. أحد تفاصيله هو أن يوفر إمكانية اختيار الوقتلذلك فهو يختلف عن الآخرين في هذا الصدد. تجربة المستخدم الرائعة هي واجهة رائعة كمحدد للتاريخ والوقت في React.js. لديك هنا جيثب الخاص بك.
رد التقويم
نحن هنا نستغني تمامًا عن الوقت ، لنبقى مع منتقي التاريخ في React.js. إنه مشابه للسابق مع موضوع واضح، ولكن يتميز بظهوره كشريط يمكن فتحه لتحديد التاريخ الذي نريده. لديك هنا جيثب الخاص بك للذهاب إلى الكود المصدري بدلاً من العرض التوضيحي.
منتقي تاريخ React المحمول
يختلف منتقي التاريخ هذا المخصص للجوال من React.js عن الباقي لوزن قليل جدا. تتميز بتصميمها من خلال اختيار العناصر المختلفة للتاريخ من خلال عجلة رقمية. لديك جيثب الخاص بك حتى تتمكن من الاقتراب من كود المصدر الخاص به وبالتالي تنفيذه على موقع الويب الخاص بك.
تقويم رد الفعل اللانهائي
يتميز منتقي التاريخ اللانهائي هذا المصمم باستخدام React بسمات ، دعم لوحة المفاتيح ، واختيار النطاق والموقع. أحد منتقي التواريخ الأكثر شمولاً في القائمة بأكملها. لديك هنا جيثب الخاص بك لجميع المعلومات المتبقية بعد الاستمتاع بالعرض التوضيحي. في اللوحة ، سيكون لديك سلسلة كاملة من الخيارات لتجربة كل خيار وبالتالي الحصول على فكرة أفضل عن إمكانياته.
تفاعل التواريخ
منتقي التاريخ في React يتم تمييزه بـ يكون الأمثل للجوال ويتم تقديم ذلك بأخلاق جيدة للغاية. لديها أيضا جيثب الخاص بك حتى تتمكن من معرفة كل التفاصيل عنها وبالتالي نقلها إلى موقع الويب الخاص بك. لديك مجموعة كبيرة ومتنوعة من الخيارات بحيث يمكنك تكوينها بطريقتك من خلال العرض التوضيحي وبالتالي يمكنك الاستفادة منها بشكل أكبر.
رد فعل المحدد الأصلي
نوصي أن تمر بواسطة جيثب له لمعرفة تصميم منتقي التاريخ هذا في React. يمكننا تمييزه بسبب استخدام APIs DataPickerAndroid ، TimePickerAndroid و DatePicker iOS. لذلك ستبدو واجهته مألوفة لك إذا كنت معتادًا على التعامل مع أي من أنظمة التشغيل هذه للأجهزة المحمولة. مثالي لتطبيقه في تطبيق لأي من نظامي التشغيل المذكورين مثل Android و iOS.
محدد React البسيط
منتقي تاريخ بسيط للغاية في React.js يمكنك العثور على العديد من أمثلة الاستخدام من موقع الويب التجريبي الخاص به. نحن ايضا لدينا جيثب الخاص بك لمعرفة بقية تفاصيل هذا المحدد البسيط في React. آخر مثير للاهتمام ليس فقط بسبب بساطته ، ولكن أيضًا بسبب خيارات التخصيص المختلفة لمنح موقعنا موقعًا أنيقًا وبسيطًا للغاية.
لحظة الإدخال
منتقي تاريخ آخر يضاف إليه خيار تحديد الوقت أيضًا ، وبذلك يكتمل. يعمل مع Momentjs ويأتي التصميم من نفس موقع Dribbble الإلكتروني. ستحبها بالتأكيد بسبب تصميمها والأناقة التي تضفيها على موقع الويب الذي تم تثبيته فيه. هذا هو جيثب الخاص بك بحيث لا يفوتك أي شيء مع مثال رائع آخر لما هو محدد التاريخ والوقت.
محدد يوم رد الفعل
يتميز منتقي التاريخ هذا في React بـ 9 كيلوبايت في gzipper ، بصرف النظر عن كونه قابل للتخصيص بشكل جيد ، قابل للتحديد، يدعم ARIA ولا يعتمد على أي شيء خارجي. نعني قابل للترجمة أنه يمكننا اختيار لغة التقويم بحيث تتم ترجمتها إلى لغتنا. محددات أخرى من أكثر المحددات اكتمالاً في قائمة React بأكملها وهذا يجعل من الصعب علينا تحديد أحدها.
تفاعل منتقي البيانات JS
لديك العرض التوضيحي مثل البقية لتعرف في الموقع محدد التاريخ هذا الذي يتميز بشريط أدوات يفتح التقويم عند الضغط عليه. يحتوي على محدد التمرير وهو منتقي عالي الجودة في التصميم. يكون الحد الأدنى ، بحيث يمكن دمجه على أي نوع من مواقع الويب. لديك جيثب الخاص به لمعرفة بقية التفاصيل واستخدام الكود كما يحلو لك لموقع الويب الخاص بك.
نتركك مع قائمة أخرى ، على الرغم من أن هذا الوقت من النماذج في CSS بحيث يكون تنفيذ من الآن ولديك ذخيرة جيدة لاختيار هذا الشكل من الأناقة لموقعك على الويب.