ಇಂಪೋರ್ಟ್

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ಶೀರ್ಷಿಕೆಯ ಹೆಡಿಂಗ್ ಮಟ್ಟ; ಕಾರ್ಯಸೂಚಿಯ ದಿನಗಳು ಒಂದು ಮಟ್ಟ ಕೆಳಗೆ.
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]