Bộ chọn ngày giờ

Cài đặt Giao diện

Label (không bắt buộc) được sử dụng để hiển thị nhãn của thành phần.

Placeholder (không bắt buộc) được sử dụng để hiển thị trình giữ chỗ của thành phần.

Name (bắt buộc) - tên của thành phần.

Tooltip công cụ (không bắt buộc) - chuỗi chú giải công cụ.

Min (bắt buộc) - giá trị dấu thời gian tối thiểu [unix formatted] để bắt đầu. Được đặt thành 0 theo mặc định.

Max (bắt buộc) - giá trị dấu thời gian tối đa [unix formatted] có thể được chọn. Tương đương với thời điểm tạo theo mặc định.

Step (không bắt buộc) - giá trị bước lựa chọn.

Required (bắt buộc) - đánh dấu nếu lựa chọn được yêu cầu hay không. Được đặt thành false theo mặc định.

Allow clear (bắt buộc) - cho phép xóa khi chọn. Được đặt thành false theo mặc định.

Disabled tắt (bắt buộc) - làm cho thành phần bị tắt nếu được bật. Được tắt theo mặc định.

Visible (bắt buộc) - hiển thị thành phần nếu được bật. Được bật theo mặc định.

Trình kích hoạt quy trình làm việc

• onChange - kích hoạt khi tùy chọn thả xuống được thay đổi.
• onFocus - kích hoạt khi thành phần Chọn đang được tập trung vào.
• onBlur - kích hoạt khi thành phần Chọn bị mờ.
• onCreate - kích hoạt khi thành phần được tạo.
• onShow - kích hoạt khi thành phần được hiển thị.
• onHide - kích hoạt khi thành phần bị ẩn.
• onDestroy - kích hoạt khi thành phần được hiển thị.
• onEnterKey - kích hoạt khi nhấn phím Enter.

Hành động thành phần

DateTimepicker Get Properties

Nhận các thuộc tính của thành phần.

Thông số đầu vào :

• Component Id [string] - định danh của thành phần;

Thông số đầu ra :

• Label [string] - nhãn của thành phần;
• Placeholder [string] - trình giữ chỗ của thành phần;
• Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
• Disable [boolean] - tắt thành phần nếu đúng;
• Tooltip [string] - chuỗi chú giải công cụ;
• Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
• Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
• Min [datetime] - giá trị dấu thời gian tối thiểu [unix formatted] để bắt đầu từ;
• Max [datetime] - giá trị dấu thời gian tối đa [unix formatted] có thể được chọn;
• Value [datetime] - giá trị dấu thời gian đã chọn [unix formatted] ;
• Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
• Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
• Validate Message [string] - thông báo được hiển thị khi xác thực giá trị;

DateTimepicker Set Properties

Đặt thuộc tính của thành phần.

Thông số đầu vào :

• Component Id [string] - định danh của thành phần;
• Label [string] - nhãn của thành phần;
• Placeholder [string] - trình giữ chỗ của thành phần;
• Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
• Disable [boolean] - tắt thành phần nếu đúng;
• Tooltip [string] - chuỗi chú giải công cụ;
• Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
• Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
• Min [datetime] - giá trị dấu thời gian tối thiểu [unix formatted] để bắt đầu từ;
• Max [datetime] - giá trị dấu thời gian tối đa [unix formatted] có thể được chọn;
• Value [datetime] - giá trị dấu thời gian đã chọn [unix formatted] ;
• Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
• Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
• Validate Message [string] - thông báo được hiển thị khi xác thực giá trị;

DateTimepicker Update Properties

Cập nhật các thuộc tính của thành phần.

Thông số đầu vào :

• Component Id [string] - định danh của thành phần;
• Label [string] - nhãn của thành phần;
• Placeholder [string] - trình giữ chỗ của thành phần;
• Allow Clear [boolean] - cho phép xóa lựa chọn nếu đúng;
• Disable [boolean] - tắt thành phần nếu đúng;
• Tooltip [string] - chuỗi chú giải công cụ;
• Required [boolean] - hiển thị dấu bắt buộc nếu đúng;
• Debounce (ms) [integer] - trì hoãn để xác thực giá trị;
• Min [datetime] - giá trị dấu thời gian tối thiểu [unix formatted] để bắt đầu từ;
• Max [datetime] - giá trị dấu thời gian tối đa [unix formatted] có thể được chọn;
• Value [datetime] - giá trị dấu thời gian đã chọn [unix formatted] ;
• Validate Icon [boolean] - biểu tượng được hiển thị khi xác thực giá trị;
• Validate Status [Status type] - trạng thái được hiển thị khi xác thực giá trị;
• Validate Message [string] - thông báo được hiển thị khi xác thực giá trị;

DateTimepicker Validate

Xác thực giá trị dấu thời gian đã chọn từ thành phần Bộ chọn Ngày Giờ.

Thông số đầu vào :

• Component Id [string] - định danh của thành phần;

Thông số đầu ra :

• Success [boolean] - kết quả xác thực;
• Error [string] - thông báo lỗi;

ví dụ sử dụng

Trong một số trường hợp, bắt buộc phải lấy giá trị dấu thời gian ( DateTimepicker Get Properties ) và chuyển đổi thành định dạng chuỗi. Với mục đích này, khối Ngày & Giờ thành Chuỗi phải được sử dụng.

• Kéo khối DateTimepicker Get Properties và thả nó vào khung vẽ. Component ID phải được chỉ định để nhận giá trị từ thành phần DateTime Picker chọn ngày giờ

• Khối Date & Time to String phải được sử dụng để chuyển đổi giá trị dấu thời gian thành chuỗi. Kết nối các trường giá trị với nhau.

• Điền vào trường Format mask để chuyển đổi giá trị dấu thời gian với định dạng được yêu cầu.