Date Picker
يسمح بتحديد تاريخ معين.
إعدادات الشكل والمظهر
Label (غير إلزامية) لاستخدامها لإظهار تسمية المكون.
Placeholder (غير إلزامي) لاستخدامه لإظهار العنصر النائب للمكون.
Name (إلزامي) - اسم المكون.
Tooltip الأداة (ليس إلزاميًا) - سلسلة تلميح الأداة.
Min (إلزامي) - الحد الأدنى لقيمة الطابع الزمني [تنسيق يونكس] للبدء منه. تم ضبطه على 0 افتراضيًا.
Max (إلزامي) - الحد الأقصى لقيمة الطابع الزمني [تنسيق يونكس] الذي يمكن تحديده. يعادل لحظة الخلق افتراضيًا ؛
Step (غير إلزامية) - قيمة خطوة الاختيار.
Required (إلزامي) - علامات إذا كان الاختيار مطلوبًا أم لا. تم تعيينه على خطأ افتراضيًا.
Allow clear (إلزامي) - السماح بالوضوح عند الاختيار. تم تعيينه على خطأ افتراضيًا.
Disabled (إلزامي) - يجعل المكون معطلاً إذا تم تشغيله. تم إيقاف تشغيله بشكل افتراضي.
Visible (إلزامي) - يجعل المكون مرئيًا إذا تم تشغيله. يتم التمكين افتراضيًا.
مشغلات سير العمل
- عند onChange - يتم إطلاقه عند تغيير خيار القائمة المنسدلة.
- onFocus - يتم إطلاقه عندما يتم التركيز على المكون.
- onBlur - يتم إطلاقه عندما يكون المكون غير واضح.
- onCreate - يتم إطلاقه عند إنشاء المكون.
- onShow - يتم إطلاقه عند عرض المكون.
- onHide - يتم إطلاقه عند إخفاء المكون.
- onDestroy - الحرائق عند عرض المكون.
- onEnterKey - يتم إطلاقه عند الضغط على مفتاح Enter.
إجراءات المكونات
Datepicker Get Properties
يحصل على خصائص المكون.
معلمات الإدخال :
- Component Id [string] - معرف المكون ؛
معلمات الإخراج :
- Label [string] - تسمية المكون ؛
- Placeholder [string] - عنصر نائب للمكون ؛
- Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
- Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
- Tooltip [string] - سلسلة تلميح الأدوات ؛
- Required [boolean] - تُظهر العلامة المطلوبة إذا كانت صحيحة ؛
- Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
- Min [datetime] - الحد الأدنى لقيمة الطابع الزمني [تنسيق يونكس] للبدء منه ؛
- Max [datetime] - الحد الأقصى لقيمة الطابع الزمني [تنسيق يونكس] الذي يمكن تحديده ؛
- Value [datetime] - قيمة الطابع الزمني المحدد [تنسيق يونكس] ؛
- Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
- Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
- Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛
Datepicker Set Properties
يضبط خصائص المكون.
معلمات الإدخال :
- Component Id [string] - معرف المكون ؛
- Label [string] - تسمية المكون ؛
- Placeholder [string] - عنصر نائب للمكون ؛
- Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
- Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
- Tooltip [string] - سلسلة تلميح الأدوات ؛
- Required [boolean] - تُظهر العلامة المطلوبة إذا كانت صحيحة ؛
- Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
- Min [datetime] - الحد الأدنى لقيمة الطابع الزمني [تنسيق يونكس] للبدء منه ؛
- Max [datetime] - الحد الأقصى لقيمة الطابع الزمني [تنسيق يونكس] الذي يمكن تحديده ؛
- Value [datetime] - قيمة الطابع الزمني المحدد [تنسيق يونكس] ؛
- Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
- Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
- Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛
Datepicker Update Properties
يحدّث خصائص المكوّن.
معلمات الإدخال :
- Component Id [string] - معرف المكون ؛
- Label [string] - تسمية المكون ؛
- Placeholder [string] - عنصر نائب للمكون ؛
- Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
- Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
- Tooltip [string] - سلسلة تلميح الأدوات ؛
- Required [boolean] - تُظهر العلامة المطلوبة إذا كانت صحيحة ؛
- Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
- Min [datetime] - الحد الأدنى لقيمة الطابع الزمني [تنسيق يونكس] للبدء منه ؛
- Max [datetime] - الحد الأقصى لقيمة الطابع الزمني [تنسيق يونكس] الذي يمكن تحديده ؛
- Value [datetime] - قيمة الطابع الزمني المحدد [تنسيق يونكس] ؛
- Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
- Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
- Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛
Datepicker Validate
يتحقق من صحة قيمة الطابع الزمني المحدد من مكون منتقي التاريخ والوقت.
معلمات الإدخال :
- Component Id [string] - معرف المكون ؛
معلمات الإخراج :
- Success [boolean] - نتيجة التحقق من الصحة ؛
- Error [string] - رسالة خطأ ؛
مثال على الاستخدام
يمكن تقسيم التاريخ إلى بعض الأجزاء المختلفة مثل السنوات والشهور والأيام.
- اسحب Datepicker Get Properties وقم بإفلاته في اللوحة القماشية. يجب تحديد Component ID للحصول على القيمة من مكون Date Picker
- يمكن تقسيم القيمة المحددة إلى بعض الأجزاء الثانوية ، مثل السنوات والشهور والأيام. يجب استخدام Expand date .