DateTime Picker

انقر للنسخ

يختار قيمة التاريخ والوقت.


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

DateTimepicker 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] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

DateTimepicker Get Properties

DateTimepicker 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] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

DateTimepicker Set Properties

DateTimepicker 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] - الرسالة التي ستظهر على التحقق من صحة القيمة ؛

DateTimepicker Update Properties

DateTimepicker Validate

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

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

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

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

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

DateTimepicker Validate


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

في بعض الحالات ، يلزم الحصول على قيمة الطابع الزمني ( DateTimepicker Get Properties ) وتحويلها إلى تنسيق سلسلة. لهذا الغرض ، يجب استخدام كتلة تاريخ ووقت السلسلة.

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

DateTimepicker Get Properties

  • يجب استخدام كتلة Date & Time to String لتحويل قيمة الطابع الزمني إلى السلسلة. ربط حقول القيم مع بعضها البعض.

  • املأ حقل قناع التنسيق لتحويل قيمة الطابع الزمني بالتنسيق المطلوب.