इम्पोर्ट

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]