இம்போர்ட்

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

NuiScheduler

மாதம், வாரம், நாள் அல்லது நிகழ்ச்சி நிரலில் நிகழ்வுகள்.

செலக்டர்
nui-scheduler
NuiScheduler: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
eventsஇன்புட்NuiSchedulerEvent<T>[][]காட்ட வேண்டிய நிகழ்வுகள்.
viewஇருவழி'month' | 'week' | 'day' | 'agenda''week'காட்டப்படும் பார்வை.
viewsஇன்புட்NuiSchedulerView[]all fourபயனர்கள் மாறக்கூடிய பார்வைகள்.
dateஇருவழிNuiDatetodayகாட்டப்படும் நாளும், விசைப்பலகை இருக்கும் இடமும்.
slotMinutesஇன்புட்number30நேரக் கட்டத்தின் ஒவ்வொரு வரிசைக்குமான நிமிடங்கள்; நிகழ்வுகள் நகரும் படியும் இதுவே.
scrollHourஇன்புட்number8நேரக் கட்டம் திறக்கும்போது காட்டும் மணி.
agendaDaysஇன்புட்number30நிகழ்ச்சி நிரல் முன்னோக்கிக் காட்டும் நாட்கள்.
editableஇன்புட்booleanfalseசுட்டியாலும் விசைப்பலகையாலும் நிகழ்வுகளை நகர்த்தலாம், அளவை மாற்றலாம்.
selectableஇன்புட்booleanfalseநிகழ்வுகளை உருவாக்க, கட்டத்தில் நேரத்தைத் தேர்ந்தெடுக்கலாம்.
firstDayஇன்புட்1 … 7வாரத்தின் முதல் நாள்; திங்கள் என்றால் 1. இயல்பாக, லொக்கேலுடையது.
headingLevelஇன்புட்number2தலைப்பின் heading நிலை; நிகழ்ச்சி நிரலின் நாட்கள் ஒரு நிலை கீழே.
localeஇன்புட்stringLOCALE_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

ஒரு நிகழ்வு. நேரமுள்ள நிகழ்வின் முடிவு அதில் சேராது; முழுநாள் நிகழ்வின் முடிவு அதன் கடைசி நாள்.

NuiSchedulerEvent: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
id, titleபண்புstringஅதன் சாவியும், அது காட்டுவதும்.
start, endபண்புNuiDateTime | NuiDateதேதிகளும் நேரங்களும்; முழுநாள் நிகழ்வுகளுக்குத் தேதிகள் மட்டும்.
allDayபண்புbooleanஇயல்பாக, start-இல் நேரம் இல்லையா என்பது.
toneபண்பு'accent' | 'neutral' | 'success' | 'warning' | 'danger''accent'அதன் நிறம்.
editableபண்புbooleanநிகழ்வு அட்டவணை எதைச் சொன்னாலும், அதை நகர்த்த முடியுமா என்பது.
dataபண்புTஅதனுடன் வைத்திருக்க வேண்டிய வேறு எதுவும்.

NuiSchedulerEventTemplate

நிகழ்வுகளை வரைகிறது. சூழலில் நிகழ்வும், உரையாக அதன் நேரமும் இருக்கும்.

செலக்டர்
ng-template[nuiSchedulerEvent]