Needless UI

Components

Scheduler

Events a cikin wata, mako, rana ko ajanda, waɗanda ake ja zuwa wurinsu.

Shigo da shi

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

NuiScheduler

Events a wata, mako, rana ko ajanda.

Selector
nui-scheduler
SunaIriNa asaliBayani
eventsInputNuiSchedulerEvent<T>[][]Events da za a nuna.
viewHanya biyu'month' | 'week' | 'day' | 'agenda''week'Kallon da ake nunawa.
viewsInputNuiSchedulerView[]all fourNau’o’in kallo da mutane za su iya sauyawa a tsakaninsu.
dateHanya biyuNuiDatetodayRanar da ake nunawa, da inda focus na allon madannai yake.
slotMinutesInputnumber30Mintunan kowane layi a grid na lokaci, da matakin da events ke matsawa da shi.
scrollHourInputnumber8Sa’ar da grid na lokaci ke buɗewa a kanta.
agendaDaysInputnumber30Kwanakin da ajanda ke dubawa a gaba.
editableInputbooleanfalseAna iya matsar da events da sauya tsawonsu, da linzami da allon madannai.
selectableInputbooleanfalseAna iya zaɓar lokaci a kan grid, don ƙirƙirar events.
firstDayInput1 … 7Ranar farko ta mako, 1 ita ce Litinin. Idan ba a saita ba, ta yankin ce.
headingLevelInputnumber2Matakin heading na take; kwanakin ajanda suna sauka mataki ɗaya.
localeInputstringLOCALE_IDYana tsara kwanaki da lokuta.
labelsInputPartial<NuiSchedulerLabels>Kowane rubutu da jadawalin ke nunawa ko sanarwa, don fassarawa.
cornersInputNuiCornersSiffar kusurwoyinsa: round, squircle, bevel, scoop, notch ko square.
radiusInputNuiRadiusGirman kusurwoyinsa: none, small, medium, large ko full.
densityInputNuiDensityYawan sararin da yake ɗauka: compact, regular ko roomy.
eventClickOutputNuiSchedulerEvent<T>Yana fitar da event da aka danna, ko aka buɗe da Enter.
eventChangeOutput{ event, start, end }Yana fitar da sabbin lokutan event bayan an matsar da shi ko an sauya tsawonsa.
slotSelectOutput{ start, end, allDay }Yana fitar da lokacin da aka zaɓa a kan grid.
rangeChangeOutput{ start, end }Yana fitar da rana ta farko da ta ƙarshe da ake nunawa idan sun canza.

Inputs na keɓancewa da ba ku saita ba suna bin attribute na data-nui-* mafi kusa. Ku duba jagorar keɓancewa.

NuiSchedulerEvent

Event ɗaya. Ƙarshen event mai lokaci ba ya ciki; ƙarshen event na duk yini shi ne ranarsa ta ƙarshe.

SunaIriNa asaliBayani
id, titleKadarastringKey ɗinsa, da abin da yake nunawa.
start, endKadaraNuiDateTime | NuiDateKwanan wata da lokaci, ko kwanan wata kawai ga events na duk yini.
allDayKadarabooleanIdan ba a saita ba, ko start ba shi da lokaci.
toneKadara'accent' | 'neutral' | 'success' | 'warning' | 'danger''accent'Launinsa.
editableKadarabooleanKo ana iya matsar da shi, ko mene ne jadawalin ya ce.
dataKadaraTDuk wani abu da za a ajiye tare da shi.

NuiSchedulerEventTemplate

Yana zana events. Context ɗin yana ɗauke da event ɗin da lokacinsa a matsayin rubutu.

Selector
ng-template[nuiSchedulerEvent]