Khoảng 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 [được định dạng unix] để 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 [được định dạng unix] 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.

Validate Icon (bắt buộc) - hiển thị biểu tượng xác thực nếu được bật. Đượ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.

Edit Time Span


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 đang được tập trung vào.
  • onBlur - kích hoạt khi thành phầ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

Timespan 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 [được định dạng unix] để bắt đầu từ;
  • Max [datetime] - giá trị dấu thời gian tối đa [được định dạng unix] có thể được chọn;
  • Value [datetime] - giá trị dấu thời gian đã chọn [được định dạng unix];
  • 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ị;

Time Span Get Properties

Timespan 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 [được định dạng unix] để bắt đầu từ;
  • Max [datetime] - giá trị dấu thời gian tối đa [được định dạng unix] có thể được chọn;
  • Value [datetime] - giá trị dấu thời gian đã chọn [được định dạng unix];
  • 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ị;

Time Span Set Properties

Timespan 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 [được định dạng unix] để bắt đầu từ;
  • Max [datetime] - giá trị dấu thời gian tối đa [được định dạng unix] có thể được chọn;
  • Value [datetime] - giá trị dấu thời gian đã chọn [được định dạng unix];
  • 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ị;

Time Span Update Properties

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

Time Span Validate


Ví dụ sử dụng

Để trừ khoảng thời gian đã cho khỏi ngày hiện tại, logic sau được sử dụng:

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

  • Sau đó, khối Current Date & Time đang được sử dụng để lấy ngày và giờ hiện tại. Nó sẽ bằng dấu thời gian PC cục bộ của bạn.

  • Để trừ khoảng thời gian khỏi ngày và giờ hiện tại, khối Subtract time span được sử dụng