Needless UI

Vijenzi

Kipanga ratiba

Matukio katika mwezi, wiki, siku au ajenda, yanayoburutwa hadi mahali pake.

Kuingiza

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

NuiScheduler

Matukio katika mwezi, wiki, siku au ajenda.

Kiteuzi
nui-scheduler
JinaAinaChaguomsingiMaelezo
eventsInputNuiSchedulerEvent<T>[][]Matukio ya kuonyesha.
viewPande mbili'month' | 'week' | 'day' | 'agenda''week'Mwonekano unaoonyeshwa.
viewsInputNuiSchedulerView[]all fourMionekano ambayo watumiaji wanaweza kubadili kati yake.
datePande mbiliNuiDatetodaySiku inayoonyeshwa, na mahali kibodi ilipo.
slotMinutesInputnumber30Dakika za kila safu ya gridi ya muda, na hatua ambayo matukio husogea.
scrollHourInputnumber8Saa inayoonyeshwa gridi ya muda inapofunguka.
agendaDaysInputnumber30Idadi ya siku zijazo ambazo ajenda huonyesha.
editableInputbooleanfalseMatukio yanaweza kuhamishwa na kubadilishwa ukubwa, kwa kipanya na kibodi.
selectableInputbooleanfalseMuda unaweza kuchaguliwa kwenye gridi, ili kuunda matukio.
firstDayInput1 … 7Siku ya kwanza ya wiki, 1 kwa Jumatatu. Kwa chaguomsingi, ya locale.
headingLevelInputnumber2Kiwango cha heading cha kichwa; siku za ajenda ziko kiwango kimoja chini.
localeInputstringLOCALE_IDHuumbiza siku na saa.
labelsInputPartial<NuiSchedulerLabels>Kila maandishi ambayo kipanga ratiba huonyesha au hutangaza, ili kuyatafsiri.
cornersInputNuiCornersUmbo la pembe zake: round, squircle, bevel, scoop, notch au square.
radiusInputNuiRadiusUkubwa wa pembe zake: none, small, medium, large au full.
densityInputNuiDensityNafasi kinayochukua: compact, regular au roomy.
eventClickOutputNuiSchedulerEvent<T>Hutoa tukio lililobofywa, au lililofunguliwa kwa Enter.
eventChangeOutput{ event, start, end }Hutoa nyakati mpya za tukio baada ya kuhamishwa au kubadilishwa ukubwa.
slotSelectOutput{ start, end, allDay }Hutoa muda uliochaguliwa kwenye gridi.
rangeChangeOutput{ start, end }Hutoa siku ya kwanza na ya mwisho zinazoonyeshwa zinapobadilika.

Input za ubinafsishaji usizoweka hufuata attribute ya data-nui-* iliyo karibu zaidi. Tazama mwongozo wa ubinafsishaji.

NuiSchedulerEvent

Tukio. Mwisho wa tukio lenye saa haujumuishwi; mwisho wa tukio la siku nzima ni siku yake ya mwisho.

JinaAinaChaguomsingiMaelezo
id, titleSifastringUfunguo wake, na kile linachoonyesha.
start, endSifaNuiDateTime | NuiDateTarehe na saa, au tarehe tu kwa matukio ya siku nzima.
allDaySifabooleanKwa chaguomsingi, kama start haina saa.
toneSifa'accent' | 'neutral' | 'success' | 'warning' | 'danger''accent'Rangi yake.
editableSifabooleanKama linaweza kuhamishwa, bila kujali kipanga ratiba kinasema nini.
dataSifaTChochote kingine cha kuhifadhi pamoja nalo.

NuiSchedulerEventTemplate

Huchora matukio. Muktadha una tukio na muda wake kama maandishi.

Kiteuzi
ng-template[nuiSchedulerEvent]