دورة تطوير التطبيقات باستخدام لغة JavaScript في هذه الدورة ستتعلم لغة جافا سكريبت, استخدام مكتبة React.js, بناء API الموقع بواسطة Node.js, تطوير تطبيق جوال باستخدام React Native, و في نهاية الدورة ستتعلم تطوير تطبيق محادثة شبيه بتطبيق WhatsApp. تعلم الآن

دورة تطوير واجهات المستخدم في هذه الدورة ستتعلم لغة HTML و لغة CSS و لغة JavaScript. من ناحية التطبيق العملي ستتعلم طريقة بناء واجهة متجر إلكتروني مكون من ست صفحات, تحويل خمسة تصاميم PSD إلى صفحات ويب, بناء واجهة مستخدم تشبه موقع يوتيوب, بناء لوحة تحكم إحترافية. تعلم الآن

تطوير تطبيقات باستخدام لغة بايثون في هذه الدورة ستتعلم أساسيات البرمجة بلغة بايثون وصولاً إلى التعامل مع أشهر أطر العمل (Flask و Django) و ستتعلم كيف تبني متجر إلكتروني يمكن للمستخدمين البيع و الشراء من خلاله. تعلم الآن

دورة تطوير تطبيقات الويب باستخدام لغة PHP في هذه الدورة ستتعلم لغة PHP من الصفر, استخدام إطار العمل Laravel بشرح مفصّل و عملي, كيفية تطوير شبكة اجتماعية تشبه Instagram, بناء API لتطبيق جوال وفق أسلوب RESTful, تطوير موقع إعلانات مبوبة, تطوير نظام إدارة محتوى CMS كامل. تعلم الآن

دورة تطوير تطبيقات الويب باستخدام لغة Ruby في هذه الدورة ستتعلم البرمجة بلغة Ruby إنطلاقاً من أبسط المفاهيم وحتى بناء تطبيق حقيقي, إستخدام إطار العمل Ruby on Rails بشرح مفصّل و عملي, بناء تطبيق حقيقي عبارة عن شبكة اجتماعية تشبه تويتر, تطوير مجتمع الكتروني يشبه حسوب I/O. تعلم الآن

دورة علوم الحاسوب هذه الدورة معدة لتكون مدخل لعلوم الحاسوب و لغات البرمجة حيث ستتعرف فيها على أنظمة التشغيل و ستتعمق في نظام لينكس و في كيفية التعامل معه من خلال موجه الأوامر, بالإضافة إلى قواعد البيانات و أساسيات الشبكات و الخوادم و مبادئ الحماية والأمان في الويب. تعلم الآن

الدرس التالي» »الدرس السابق

JavaFX الكلاس `DatePicker`

مقدمة

الكلاس DatePicker يستخدم للحصول على ComboBox خاص لإختيار التاريخ ( Date Chooser ) بشكل جميل جداً و سهل للغاية. حيث تجد أنه يتيح لك إدخال التاريخ بنفسك أو إختياره من القائمة التي تظهر عند النقر على أيقونة التاريخ.
إفتراضياً, يتم عرض التاريخ في الـ DatePicker بلغة حاسوب المستخدم في حال لم تقم بتحديد لغة التطبيق بنفسك.
و طبعاً يمكنك تحديد لغة التطبيق و عرض التاريخ باللغة التي تريدها بالإضافة إلى أنك تستطيع إظهار التاريخ الهجري هذا شرحناه بتفصيل في الأمثلة.

بناء الكلاس `DatePicker`

public class DatePicker
extends ComboBoxBase<LocalDate>

الآن, إذا قمت بإنشاء كائن من الكلاس DatePicker و أضفته في النافذة فإنه سيظهر كالتالي.

javafx DatePicker date field

إذاً كما تلاحظ يمكنك أن تدخل التاريخ في مربع النص بشكل مباشر أو النقر على أيقونة التاريخ و التي ستظهر نافذة مخصصة لإختيار التاريخ كالتالي.

javafx DatePicker date chooser

كونستركتورات الكلاس `DatePicker`

الجدول التالي يحتوي على كونستركتورات الكلاس DatePicker.

الكونستركتور مع تعريفه

الكونستركتور مع تعريفه
`public DatePicker()` ينشئ كائن من الكلاس `DatePicker` يمثل `ComboBox` مخصص لإختيار التاريخ.
`public DatePicker(LocalDate localDate)` ينشئ كائن من الكلاس `DatePicker` يمثل `ComboBox` مخصص لإختيار التاريخ, مع تحديد التاريخ الذي سيظهر موجوداً فيه بشكل إفتراضي. مكان الباراميتر `color` نضع كائن من الكلاس `localDate` يمثل التاريخ الذي سيكون ظاهراً بشكل إفتراضي.

public DatePicker() ينشئ كائن من الكلاس DatePicker يمثل ComboBox مخصص لإختيار التاريخ.

public DatePicker(LocalDate localDate) ينشئ كائن من الكلاس DatePicker يمثل ComboBox مخصص لإختيار التاريخ, مع تحديد التاريخ الذي سيظهر موجوداً فيه بشكل إفتراضي.
مكان الباراميتر color نضع كائن من الكلاس localDate يمثل التاريخ الذي سيكون ظاهراً بشكل إفتراضي.

دوال الكلاس `DatePicker`

الجدول التالي يحتوي على دوال الكلاس DatePicker الأكثر إستخداماً.

الدالة مع تعريفها
`public final void setTranslateX(double value)` تستخدم لتحديد مكان كائن الـ `ComboBox` الذي قام باستدعائها أفقياً. مكان الباراميتر `value` نضع رقم يمثل كم Pixel سيتم إزاحته من اليسار إلى اليمين.
`public final void setTranslateY(double value)` تستخدم لتحديد مكان كائن الـ `ComboBox` الذي قام باستدعائها عامودياً. مكان الباراميتر `value` نضع رقم يمثل كم Pixel سيتم إزاحته من الأعلى إلى الأسفل.
`public void setPrefSize(double prefWidth, double prefHeight)` تستخدم لتحديد حجم كائن الـ `ComboBox` الذي قام باستدعائها. مكان الباراميتر `prefWidth` نضع رقم يمثل عرض الـ `ComboBox` بالـ Pixel. مكان الباراميتر `prefHeight` نضع رقم يمثل طول الـ `ComboBox` بالـ Pixel.
`public final void setDisable(boolean value)` تستخدم لجعل كائن الـ `ComboBox` الذي قام باستدعائها يبدو غير مفعّل, أي يصبح لونه باهتاً و غير قابل للنقر عليه. مكان الباراميتر `value` نضع القيمة `true` لجعله غير مفعّل.
`public final LocalDate getValue()` ترجع القيمة المختارة في كائن الـ `DatePicker` الذي قام باستدعائها ككائن من الكلاس `LocalDate`.
`public void setValue(LocalDate value)` تستخدم لتحديد التاريخ الذي نريده أن يظهر مختاراً في كائن الـ `DatePicker` الذي باستدعائها. مكان البارميتر `value` نضع كائن من الكلاس `LocalDate` يمثل التاريخ الذي سيتم إختياره.
`public final void setConverter(StringConverter<LocalDate> value)` تستخدم لتحديد طريقة ظهور التاريخ ( Date Format ) الذي سيختاره المستخدم في كائن الـ `DatePicker` الذي قام باستدعائها. ملاحظة: يجب أن تفعل لها Override لتحدد كيف سيتم عرض التاريخ. لا تقلق وضعنا مثال شامل عن هذا الأمر.
`public final void setPromptText(String value)` تستخدم لعرض نص إرشادي في كائن الـ `DatePicker` الذي باستدعائها في حال كان فارغاً و لم يقم المستخدم بعد بوضع الفأرة بداخله. مكان البارميتر `value` نمرر النص الذي نريد أن يتم عرضه في كائن الـ `DatePicker` في حال كان فارغاً و لم يقم المستخدم بعد بوضع الفأرة بداخله.
`public final void setStyle(String value)` تستخدم لتعديل تصميم كائن الـ `DatePicker` الذي قام بإستدعائها. مكان الباراميتر `value` يمكنك تمرير إسم و قيمة أي خاصية تريد تعديلها في كائن الـ `DatePicker` بأسلوب لغة CSS لإظهاره بالشكل الذي تريده.

أمثلة شاملة

المثال الأول

المثال التالي يعلمك طريقة إنشاء كائن من الكلاس DatePicker و إضافته في النافذة.

طريقة إضافة DatePicker في javafx

شاهد المثال »

المثال الثاني

المثال التالي يعلمك طريقة وضع تاريخ إفتراضي للـ DatePicker.

طريقة وضع تاريخ إفتراضي لل DatePicker في javafx

شاهد المثال »

المثال الثالث

المثال التالي يعلمك طريقة إظهار الـ DatePicker باللغة العربية و بأي لغة أخرى.

طريقة إظهار ال DatePicker باللغة العربية في javafx

شاهد المثال »

المثال الرابع

إفتراضياً, الـ DatePicker يستخدم الفورمات MM/dd/yyyy لذلك تلاحظ أنه يعرض التاريخ كالتالي: السنة/اليوم/الشهر

المثال التالي يعلمك طريقة تغيير شكل ( فورمات ) التاريخ الذي يظهر بداخل مربع النص الخاص بالـ DatePicker.
فعلياً, سننشئ الفورمات التالية d-M-Y و نطبقها على الـ DatePicker لعرض التاريخ الذي يختاره المستخدم كالتالي: السنة-الشهر-اليوم

تغيير طريقة ظهور التاريخ في ال DatePicker في javafx

شاهد المثال »

المثال الخامس

المثال التالي يعلمك طريقة تحديد التواريخ التي يمكن للمستخدم إختيارها في الـ DatePicker.

طريقة تحديد التواريخ التي يمكن للمستخدم إختيارها في الـ DatePicker في javafx

شاهد المثال »

المثال السادس

المثال التالي يعلمك طريقة إظهار Tooltip عند تمرير الفأرة فوق الأيام في الـ DatePicker.
في الـ Tooltip سنعرض الفرق بين التاريخ الحالي و التاريخ الذي يتم تمرير الفأرة فوقه.

طريقة إظهار Tooltip في ال DatePicker في javafx

شاهد المثال »

المثال السابع

المثال التالي يعلمك طريقة إظهار التقويم الهجري في الـ DatePicker.

طريقة إظهار التقويم الهجري في ال DatePicker في javafx

شاهد المثال »

المثال الثامن

المثال التالي يعلمك طريقة عرض قيمة الـ DatePicker في Label عند النقر على Button.

طريقة عرض قيمة ال DatePicker في Label عند النقر على Button في javafx

شاهد المثال »

Eqla3Tech.com

شروحات مكتوبة حول لغات البرمجة و تقنية المعلومات باللغة العربية مقدمة من إقلاع تك.

لغة جافا لغة ++C قواعد البيانات نظام ويندوز نظام لينكس الشبكات تقنية المعلومات الأمن السيبراني

الدرس التالي» »الدرس السابق

هدف الموقع

هرمش هو موقع تعليمي مجاني يهتم بعلوم الكمبيوتر و يقدم إليك المعرفة بشكل مبسّط و مفصّل, و هو المكان المناسب لأي شخص يطمح بأن يصبح مبرمجاً محترفاً و مبدعاً في العالم الرقمي.

تبرع للموقع

في حال أردت تقديم دعم مادي لمطوري الموقع يمكنك التبرع مرة واحدة أو بشكل شهري بالمبلغ الذي تريده من خلال بايبال أو باتريون.

Paypal

Patreon

روابط

حول الموقع

الأسئلة الشائعة

سياسية الخصوصية

شروط الإستخدام

أعلن في الموقع

أبلغ عن مشكلة

حقوق النشر

محتوى الموقع يخضع لرخصة (CC BY-NC-ND 4.0) التي لا تسمح باستخدام الشروحات لأغراض تجارية, إجراء تعديل عليها, نشرها في موقع آخر, وضع الشروحات في تطبيق أو في كتاب إلا في حال أخذ موافقة صريحة من إدارة الموقع.

JavaFX الكلاس `DatePicker`