Time picker

انقر للنسخ

يسمح بتحديد الطابع الزمني.


إعدادات الشكل والمظهر

Label (غير إلزامية) لاستخدامها لإظهار تسمية المكون.

Placeholder (غير إلزامي) لاستخدامه لإظهار العنصر النائب للمكون.

Name (إلزامي) - اسم المكون.

Tooltip الأداة (ليس إلزاميًا) - سلسلة تلميح الأداة.

Min (إلزامي) - الحد الأدنى لقيمة الطابع الزمني [unix formatted] للبدء منه. تم ضبطه على 0 افتراضيًا.

Max (إلزامي) - الحد الأقصى لقيمة الطابع الزمني [unix formatted] الذي يمكن تحديده. يعادل لحظة الخلق افتراضيًا.

Step (غير إلزامية) - قيمة خطوة الاختيار.

Required (إلزامي) - علامات إذا كان الاختيار مطلوبًا أم لا. تم تعيينه على خطأ افتراضيًا.

Allow clear (إلزامي) - السماح بالوضوح عند الاختيار. تم تعيينه على خطأ افتراضيًا.

Disabled (إلزامي) - يجعل المكون معطلاً إذا تم تشغيله. تم إيقاف تشغيله بشكل افتراضي.

Visible (إلزامي) - يجعل المكون مرئيًا إذا تم تشغيله. يتم التمكين افتراضيًا.

Time Picker


مشغلات سير العمل

  • عند onChange - يتم إطلاقه عند تغيير خيار القائمة المنسدلة.
  • onFocus - يتم إطلاقه عندما يتم التركيز على مكون التحديد.
  • onBlur - يتم إطلاقه عندما يكون مكون التحديد غير واضح.
  • onCreate - يتم إطلاقه عند إنشاء المكون.
  • onShow - يتم إطلاقه عند عرض المكون.
  • onHide - يتم إطلاقه عند إخفاء المكون.
  • onDestroy - الحرائق عند عرض المكون.
  • onEnterKey - يتم إطلاقه عند الضغط على مفتاح Enter.

إجراءات المكونات:

Timepicker Get Properties

يحصل على خصائص المكون.

معلمات الإدخال :

  • Component Id [string] - معرف المكون ؛

معلمات الإخراج :

  • Label [string] - تسمية المكون ؛
  • Placeholder [string] - عنصر نائب للمكون ؛
  • Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
  • Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
  • Tooltip [string] - سلسلة تلميح الأدوات ؛
  • Required [boolean] - تُظهر العلامة المطلوبة إذا كانت صحيحة ؛
  • Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
  • Min [datetime] - الحد الأدنى لقيمة الطابع الزمني [unix formatted] للبدء منه ؛
  • Max [datetime] - الحد الأقصى لقيمة الطابع الزمني [unix formatted] الذي يمكن تحديده ؛
  • Value [datetime] - قيمة الطابع الزمني المحدد [unix formatted] ؛
  • Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
  • Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
  • Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

Timepicker Get Properties

Timepicker Set Properties

يضبط خصائص المكون.

معلمات الإدخال :

  • Component Id [string] - معرف المكون ؛
  • Label [string] - تسمية المكون ؛
  • Placeholder [string] - عنصر نائب للمكون ؛
  • Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
  • Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
  • Tooltip [string] - سلسلة تلميح الأدوات ؛
  • Required [boolean] - تُظهر العلامة المطلوبة إذا كانت صحيحة ؛
  • Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
  • Min [datetime] - الحد الأدنى لقيمة الطابع الزمني [unix formatted] للبدء منه ؛
  • Max [datetime] - الحد الأقصى لقيمة الطابع الزمني [unix formatted] الذي يمكن تحديده ؛
  • Value [datetime] - قيمة الطابع الزمني المحدد [unix formatted] ؛
  • Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
  • Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
  • Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

Timepicker Set Properties

Timepicker Update Properties

يحدّث خصائص المكوّن.

معلمات الإدخال :

  • Component Id [string] - معرف المكون ؛
  • Label [string] - تسمية المكون ؛
  • Placeholder [string] - عنصر نائب للمكون ؛
  • Allow Clear [boolean] - يسمح بمسح التحديد إذا كان صحيحًا ؛
  • Disable [boolean] - تعطيل المكون إذا كان صحيحًا ؛
  • Tooltip [string] - سلسلة تلميح الأدوات ؛
  • Required [boolean] - تُظهر العلامة المطلوبة إذا كانت صحيحة ؛
  • Debounce (ms) [integer] - التأخير للتحقق من صحة القيمة ؛
  • Min [datetime] - الحد الأدنى لقيمة الطابع الزمني [unix formatted] للبدء منه ؛
  • Max [datetime] - الحد الأقصى لقيمة الطابع الزمني [unix formatted] الذي يمكن تحديده ؛
  • Value [datetime] - قيمة الطابع الزمني المحدد [unix formatted] ؛
  • Validate Icon [boolean] - رمز يظهر على التحقق من صحة القيمة ؛
  • Validate Status [Status type] - الحالة التي تظهر على التحقق من صحة القيمة ؛
  • Validate Message [string] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

Timepicker Update Properties

Timepicker Validate

يتحقق من صحة قيمة الطابع الزمني المحدد من مكون منتقي التاريخ والوقت.

معلمات الإدخال :

  • Component Id [string] - معرف المكون ؛

معلمات الإخراج :

  • Success [boolean] - نتيجة التحقق من الصحة ؛
  • Error [string] - رسالة خطأ ؛

Timepicker Validate


مثال على الاستخدام

لتحليل الوقت المحدد والحصول على جميع مكوناته ، يجب استخدام المنطق التالي

  • اسحب كتلة Timepicker Get Properties وقم بإسقاطها في اللوحة القماشية. يجب تحديد Component ID من أجل الحصول على القيمة من مكون Time Picker .

  • يمكن تقسيم القيمة المحددة إلى بعض الأجزاء الثانوية ، مثل الثواني والدقائق وما إلى ذلك. يجب استخدام Expand time .