Bộ chọn thời gian

Nhấn vào đây để sao chép

Cho phép chọn dấu thời gian.


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.

Time Picker


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:

Timepicker 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ị;

Timepicker Get Properties

Timepicker 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ị;

Timepicker Set Properties

Timepicker 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ị;

Timepicker Update Properties

Timepicker 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;

Timepicker Validate


Ví dụ sử dụng

Để phân tích thời gian đã chọn và nhận tất cả các tổng hợp của nó, nên sử dụng logic sau

  • Kéo khối Timepicker Get Properties và thả nó vào canvas. Component ID phải được chỉ định để nhận giá trị từ thành phần Bộ chọn Time Picker .

  • Giá trị đã chọn có thể được chia thành một số phần nhỏ, như giây, phút, v.v. Phải sử dụng Expand time .