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

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 يمثل التاريخ الذي سيكون ظاهراً بشكل إفتراضي.

دوال الكلاس 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

شاهد المثال »

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

الدورات

اللغة الإنجليزية
البرمجة للمبتدئين
قواعد البيانات
لغة HTML
لغة CSS
لغة Python
لغة Java
لغة C++
الإطار Swing
الإطار JavaFX
أساسيات الحاسوب
الخوارزميات
الخوارزميات و هياكل البيانات
الكتابة على الكيبورد
القرآن الكريم و الأذكار

أدوات مساعدة

محرر الويب
محرر البرمجة للمبتدئين
أداة إختيار الألوان
أداة رسم الأشكال بواسطة CSS
محول الوحدات
محلل عناوين الشبكات

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة