เลือกวันที่

คลิกเพื่อคัดลอก

อนุญาตให้เลือกวันที่แน่นอน


การตั้งค่ารูปลักษณ์และความรู้สึก

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] - ข้อความที่จะแสดงในการตรวจสอบค่า;

Datapicker Get Properties

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] - ข้อความที่จะแสดงในการตรวจสอบค่า;

Datapicker Set Properties

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] - ข้อความที่จะแสดงในการตรวจสอบค่า;

Datapicker Update Properties

Datepicker Validate

ตรวจสอบค่าการประทับเวลาที่เลือกจากคอมโพเนนต์ DateTime Picker

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบ

พารามิเตอร์ ขา ออก:

  • Success [boolean] - ผลการตรวจสอบ;
  • Error [string] - ข้อความแสดงข้อผิดพลาด;

Datapicker Validate


ตัวอย่างการใช้งาน

วันที่สามารถแบ่งออกเป็นส่วนต่างๆ เช่น ปี เดือน และวัน

  • ลาก Datepicker Get Properties แล้ววางลงในแคนวาส ต้องระบุ Component ID เพื่อรับค่าจากคอมโพเนนต์ตัวใช้ Date Picker

  • ค่าที่เลือกสามารถแบ่งออกเป็นส่วนย่อยๆ เช่น ปี เดือน และวัน ต้องใช้ Expand date