API của Bộ lập lịch

Import

import-scheduler.ts

import { NuiScheduler, type NuiSchedulerEvent } from '@needless-ui/angular/scheduler';

NuiScheduler

Sự kiện theo tháng, tuần, ngày hoặc lịch biểu.

Selector: nui-scheduler

NuiScheduler: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`events`Input	`NuiSchedulerEvent<T>[]`	`[]`	Các sự kiện cần hiển thị.
`view`Hai chiều	`'month' \| 'week' \| 'day' \| 'agenda'`	`'week'`	Chế độ xem đang hiển thị.
`views`Input	`NuiSchedulerView[]`	`all four`	Các chế độ xem mà người dùng có thể chuyển qua lại.
`date`Hai chiều	`NuiDate`	`today`	Ngày đang hiển thị, cũng là nơi focus bàn phím đang ở.
`slotMinutes`Input	`number`	`30`	Số phút mỗi dòng của lưới thời gian, cũng là bước di chuyển của sự kiện.
`scrollHour`Input	`number`	`8`	Giờ hiển thị khi lưới thời gian mở ra.
`agendaDays`Input	`number`	`30`	Số ngày mà lịch biểu xem trước.
`editable`Input	`boolean`	`false`	Sự kiện có thể được di chuyển và đổi độ dài, bằng con trỏ và bàn phím.
`selectable`Input	`boolean`	`false`	Có thể chọn thời gian trên lưới để tạo sự kiện.
`firstDay`Input	`1 … 7`		Ngày đầu tuần, 1 là thứ Hai. Mặc định theo locale.
`headingLevel`Input	`number`	`2`	Cấp heading của tiêu đề; các ngày trong lịch biểu sâu hơn một cấp.
`locale`Input	`string`	`LOCALE_ID`	Định dạng ngày và giờ.
`labels`Input	`Partial<NuiSchedulerLabels>`		Mọi văn bản mà bộ lập lịch hiển thị hoặc đọc lên, để dịch.
`corners`Input	`NuiCorners`		Hình dạng các góc: `round`, `squircle`, `bevel`, `scoop`, `notch` hoặc `square`.
`radius`Input	`NuiRadius`		Mức bo góc: `none`, `small`, `medium`, `large` hoặc `full`.
`density`Input	`NuiDensity`		Lượng không gian mà component chiếm: `compact`, `regular` hoặc `roomy`.
`eventClick`Output	`NuiSchedulerEvent<T>`		Phát ra sự kiện được nhấp, hoặc được mở bằng Enter.
`eventChange`Output	`{ event, start, end }`		Phát ra thời gian mới của sự kiện sau khi di chuyển hoặc đổi độ dài.
`slotSelect`Output	`{ start, end, allDay }`		Phát ra thời gian được chọn trên lưới.
`rangeChange`Output	`{ start, end }`		Phát ra ngày đầu tiên và cuối cùng đang hiển thị khi chúng thay đổi.

Các input tùy biến mà bạn không đặt sẽ lấy giá trị từ thuộc tính data-nui-* gần nhất. Xem hướng dẫn tùy biến.

NuiSchedulerEvent

Một sự kiện. Điểm kết thúc của sự kiện có giờ không được tính vào; còn sự kiện cả ngày kết thúc vào ngày cuối cùng của nó.

NuiSchedulerEvent: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`id, title`Thuộc tính	`string`		Khóa của nó, và nội dung nó hiển thị.
`start, end`Thuộc tính	`NuiDateTime \| NuiDate`		Ngày và giờ, hoặc chỉ ngày với sự kiện cả ngày.
`allDay`Thuộc tính	`boolean`		Theo mặc định, là sự kiện cả ngày khi `start` không có giờ.
`tone`Thuộc tính	`'accent' \| 'neutral' \| 'success' \| 'warning' \| 'danger'`	`'accent'`	Màu của nó.
`editable`Thuộc tính	`boolean`		Sự kiện có di chuyển được hay không, bất kể bộ lập lịch quy định thế nào.
`data`Thuộc tính	`T`		Mọi thứ khác cần giữ kèm sự kiện.

NuiSchedulerEventTemplate

Vẽ sự kiện. Context chứa sự kiện và thời gian của nó dưới dạng văn bản.

Selector: ng-template[nuiSchedulerEvent]