ایمپورت
import { NuiScheduler, type NuiSchedulerEvent } from '@needless-ui/angular/scheduler';NuiScheduler
رویدادها در نمای ماه، هفته، روز یا برنامه.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
eventsورودی | NuiSchedulerEvent<T>[] | [] | رویدادهایی که نمایش داده میشوند. |
viewدوطرفه | 'month' | 'week' | 'day' | 'agenda' | 'week' | نمایی که نشان داده میشود. |
viewsورودی | NuiSchedulerView[] | all four | نماهایی که کاربران میتوانند بینشان جابهجا شوند. |
dateدوطرفه | NuiDate | today | روزی که نمایش داده میشود و جایی که فوکوس صفحهکلید است. |
slotMinutesورودی | number | 30 | دقیقههای هر ردیف جدول زمانی، و گامی که رویدادها با آن جابهجا میشوند. |
scrollHourورودی | number | 8 | ساعتی که جدول زمانی روی آن باز میشود. |
agendaDaysورودی | number | 30 | تعداد روزهای پیش رو که نمای برنامه نشان میدهد. |
editableورودی | boolean | false | میتوان رویدادها را با نشانگر و صفحهکلید جابهجا کرد و اندازهشان را تغییر داد. |
selectableورودی | boolean | false | میتوان روی جدول، زمانی را برای ساختن رویداد انتخاب کرد. |
firstDayورودی | 1 … 7 | روز اول هفته؛ ۱ یعنی دوشنبه. پیشفرض: روز اول هفته در زبان و منطقه. | |
headingLevelورودی | number | 2 | سطح سرتیتر عنوان؛ روزهای نمای برنامه یک سطح پایینترند. |
localeورودی | string | LOCALE_ID | روزها و ساعتها را قالببندی میکند. |
labelsورودی | Partial<NuiSchedulerLabels> | همهٔ متنهایی که زمانبند نشان میدهد یا اعلام میکند، برای ترجمه. | |
cornersورودی | NuiCorners | شکل گوشههایش: round، squircle، bevel، scoop، notch یا square. | |
radiusورودی | NuiRadius | اندازهٔ گوشههایش: none، small، medium، large یا full. | |
densityورودی | NuiDensity | فضایی که اشغال میکند: compact، regular یا roomy. | |
eventClickخروجی | NuiSchedulerEvent<T> | رویدادی را که رویش کلیک شده یا با Enter باز شده منتشر میکند. | |
eventChangeخروجی | { event, start, end } | زمانهای جدید رویداد را پس از جابهجایی یا تغییر اندازه منتشر میکند. | |
slotSelectخروجی | { start, end, allDay } | زمان انتخابشده روی جدول را منتشر میکند. | |
rangeChangeخروجی | { start, end } | اولین و آخرین روز نمایشدادهشده را هنگام تغییرشان منتشر میکند. |
ورودیهای سفارشیسازی که تنظیمشان نکنید، از نزدیکترین اتریبیوت data-nui-* پیروی میکنند. راهنمای سفارشیسازی را ببینید.
NuiSchedulerEvent
یک رویداد. پایانِ رویداد زماندار جزو آن نیست؛ پایانِ رویداد تمامروز، آخرین روز آن است.
| نام | نوع | پیشفرض | توضیح |
|---|---|---|---|
id, titleویژگی | string | کلید آن و آنچه نشان میدهد. | |
start, endویژگی | NuiDateTime | NuiDate | تاریخ و زمان، یا فقط تاریخ برای رویدادهای تمامروز. | |
allDayویژگی | boolean | پیشفرض: اینکه start زمان ندارد. | |
toneویژگی | 'accent' | 'neutral' | 'success' | 'warning' | 'danger' | 'accent' | رنگ آن. |
editableویژگی | boolean | اینکه میتوان جابهجایش کرد یا نه، فارغ از تنظیم زمانبند. | |
dataویژگی | T | هر چیز دیگری که باید همراهش بماند. |
NuiSchedulerEventTemplate
رویدادها را رسم میکند. کانتکست، رویداد و زمانش را بهصورت متن در خود دارد.