FullCalendar లోని రిసోర్స్ టైమ్‌లైన్, రిసోర్స్ కాలమ్‌లు Premium లో మాత్రమే ఉంటాయి: వాణిజ్య యాప్‌కు డబ్బు చెల్లించి కొనే లైసెన్స్ కీ కావాలి. దాని లైసెన్స్ పేజీ ఉచిత ఆప్షన్‌లను కూడా చెబుతుంది: పూర్తిగా AGPL కింద ఉండే యాప్‌లకు, రిజిస్టర్ అయిన లాభాపేక్ష లేని సంస్థలకు. Needless UI షెడ్యూలర్‌లో ఈ రెండూ MIT లైసెన్స్ కింద, పునరావృత ఈవెంట్‌లు, iCalendar ఫైల్‌లతో సహా ఉన్నాయి. ఈ గైడ్ ఒక Angular యాప్‌ను ఒకదాని నుంచి మరొకదానికి మారుస్తుంది: ఏవి యథాతథంగా వస్తాయి, ఏవి రావు, ఏ డేటాను మార్చాలి.
ఈ గైడ్ FullCalendar 7 పేర్లను వాడుతుంది; వెర్షన్ 6 పేర్లు వేరుగా ఉన్నచోట వాటిని బ్రాకెట్‌లలో ఇస్తుంది. FullCalendar Angular కనెక్టర్ Angular 16 నుంచి 22 వరకు సపోర్ట్ చేస్తుంది; Needless UI కి Angular 22 అవసరం.
మీకు ఏం లభిస్తుంది
| ఫీచర్ | FullCalendar | Needless UI |
|---|---|---|
| రిసోర్స్ టైమ్‌లైన్: ప్రతి గదికీ లేదా వ్యక్తికీ ఒక వరుస | Premium | ఉంది: ఒక రోజు, ఒక వారం లేదా ఒక నెల |
| రోజు, వారం వీక్షణల్లో రిసోర్స్‌లు కాలమ్‌లుగా | Premium | ఉంది |
| నెల, వారం, రోజు వీక్షణలు | ఉచితం | ఉంది |
| లాగి కదిలించడం, సైజు మార్చడం | ఉచితం; వేరే రిసోర్స్‌కు లాగాలంటే Premium | ఉంది, వేరే రిసోర్స్‌లకు కూడా. చివరి అంచు నుంచి సైజు మారుతుంది, మొదటి అంచు నుంచి మారదు. |
| ఈవెంట్ సృష్టించడానికి సమయాన్ని ఎంచుకోవడం | ఉచితం | ఉంది: పాయింటర్‌తో, ఎక్కువసేపు నొక్కి లేదా కీబోర్డ్‌తో |
| సమయాలు ఒకదానిపై ఒకటి పడకూడదు లాంటి నియమాలు | ఉచితం: ఓవర్‌ల్యాప్, కన్‌స్ట్రెయింట్ ఆప్షన్‌లు | ఉంది: ప్రతి మార్పుకు ముందు అడిగే ఒకే allow ఫంక్షన్ |
| ఈవెంట్‌లను కీబోర్డ్‌తో కదిలించడం, సైజు మార్చడం | దాని యాక్సెసిబిలిటీ డాక్యుమెంటేషన్‌లో లేదు; అది ARIA లేబుల్‌లు, Tab ఫోకస్ గురించే చెబుతుంది | ఉంది; స్క్రీన్ రీడర్‌లకు ప్రకటించబడుతుంది |
| పునరావృత ఈవెంట్‌లు | ఉచితం; rrule ప్లగిన్, లైబ్రరీతో | అంతర్నిర్మితం: RFC 5545 నియమాలు; EXRULE, RDATE, గంటల వారీ నియమాలు తప్ప |
| iCalendar (.ics) | ఉచితం: ఫీడ్‌ను చదువుతుంది | .ics ఫైల్‌లను చదువుతుంది, రాస్తుంది |
| లిస్ట్, సంవత్సర వీక్షణలు | ఉచితం | రాబోయే రోజుల ఎజెండా; సంవత్సర వీక్షణలు లేవు |
| టైమ్ జోన్‌లు | ఉచితం: లోకల్, UTC లేదా పేరున్న జోన్ | లేదు: అందుకున్న సమయాలను యథాతథంగా చూపిస్తుంది |
| గ్రూప్ చేసిన, నెస్ట్ చేసిన లేదా అనేక కాలమ్‌ల రిసోర్స్‌లు | Premium | లేదు: మీ టెంప్లేట్ గీసే ఒకే కాలమ్ |
| బయటి నుంచి డ్రాగ్ అండ్ డ్రాప్, బ్యాక్‌గ్రౌండ్ ఈవెంట్‌లు | ఉచితం | లేదు |
| ప్రింటింగ్, వర్చువల్ రెండరింగ్ | Premium | లేదు |
| ఫ్రేమ్‌వర్క్‌లు | Angular 16 నుంచి 22 వరకు, React, Vue, సాదా JavaScript, ఇంకా మరెన్నో | Angular 22 మరియు React 19 |
ఏది దేనికి సమానం
| FullCalendar | Needless UI షెడ్యూలర్ |
|---|---|
<full-calendar [options]>, plugins, schedulerLicenseKey | <nui-scheduler>, ప్రతి ఆప్షన్‌కు ఒక ఇన్‌పుట్‌తో; ప్లగిన్‌లు లేవు, కీ లేదు |
initialView: 'resourceTimelineDay' | view="timeline", వారం లేదా నెల కోసం timelineSpan |
initialView: 'timeGridWeek' | view="week"; [(view)] టూ-వే బైండింగ్ |
resources, events | [resources], [events] |
resourceId, extendedProps | resource, data |
editable, selectable | editable, selectable |
select | (slotSelect): { start, end, allDay, resource } |
eventDrop, eventResize | (eventChange): మీరు events ను అప్‌డేట్ చేసేవరకు ఏదీ కదలదు |
eventClick | (eventClick) |
eventOverlap, selectOverlap, eventAllow | [allow]: కదిలించడం, సైజు మార్చడం, ఎంపికలు అన్నిటికీ ఒకే ఫంక్షన్ |
slotDuration, snapDuration | slotMinutes, snapMinutes, నిమిషాల్లో |
slotMinTime, slotMaxTime, scrollTime | dayStart, dayEnd, scrollHour, గంటల్లో |
businessHours | [businessHours], వారం రోజులు 1 (సోమవారం) నుంచి 7 వరకు |
datesSet | (rangeChange) |
eventContent, resourceCellContent [resourceLabelContent] | nuiSchedulerEvent, nuiSchedulerResource టెంప్లేట్‌లు |
locale, firstDay | locale (ఏ BCP 47 ట్యాగ్ అయినా), 1 నుంచి 7 వరకు firstDay, దాని పదాల కోసం labels |
గదుల బుకింగ్ టైమ్‌లైన్, రెండు విధాలుగా
గదులు రిసోర్స్‌లు, బుకింగ్‌లు ఈవెంట్‌లు. యూజర్‌లు గదిని బుక్ చేయడానికి దాని వరుస మీదుగా లాగుతారు, బుకింగ్‌ను కదిలించడానికి దాన్ని లాగుతారు; ఒక గదిలో ఒక సమయంలో ఒకే బుకింగ్ ఉంటుంది. FullCalendar 7, దాని Premium రిసోర్స్ టైమ్‌లైన్‌తో:
Needless UI షెడ్యూలర్‌తో:
రెండు విషయాలు వేరుగా పనిచేస్తాయి. FullCalendar బుకింగ్‌ను తనంతట తానే కదిలిస్తుంది, యాప్ ఆ మార్పును కాపీ చేసుకుంటుంది; Needless UI షెడ్యూలర్ మాత్రం మార్పును తెలియజేస్తుంది, events ను అప్‌డేట్ చేస్తేనే అది నిలుస్తుంది, కాబట్టి మీ డేటాయే ఏకైక ఆధారంగా ఉంటుంది. అలాగే allow సాదా కోడ్, పాయింటర్ నుంచి గానీ కీబోర్డ్ నుంచి గానీ వచ్చే ప్రతి మార్పుకు ముందు షెడ్యూలర్ దాన్ని అడుగుతుంది, కాబట్టి ఆ నియమాన్ని మీరే టెస్ట్ చేయవచ్చు. బుకింగ్ క్యాలెండర్ గైడ్ ఈ యాప్‌ను దశలవారీగా తయారు చేస్తుంది.
డేటాను మార్చడం
| FullCalendar | Needless UI |
|---|---|
రోజంతా ఈవెంట్ end అంటే ఈవెంట్ తర్వాతి రోజు | రోజంతా ఈవెంట్ end అంటే దాని చివరి రోజు: ఒక రోజు తీసివేయండి |
సమయాలు Z తో గానీ +02:00 లాంటి ఆఫ్‌సెట్‌తో గానీ ముగియవచ్చు | ఆఫ్‌సెట్ లేని గడియారపు సమయాలు, ఉదాహరణకు 2026-11-02T09:30 |
businessHours, firstDay లో వారం రోజులు 0 (ఆదివారం) నుంచి 6 వరకు | వారం రోజులు 1 (సోమవారం) నుంచి 7 (ఆదివారం) వరకు |
వ్యవధులు స్ట్రింగ్‌లుగా, ఉదాహరణకు '00:30' | సంఖ్యలు: నిమిషాలు లేదా గంటలు |
| రిసోర్స్‌లు id ప్రకారం, తర్వాత టైటిల్ ప్రకారం సార్ట్ అవుతాయి | రిసోర్స్‌లు అరేలోని క్రమంలోనే |
rrule ఆబ్జెక్ట్‌గా, దానితో పాటు exrule | FREQ=WEEKLY;BYDAY=MO,FR లాంటి RFC 5545 స్ట్రింగ్, దానితో పాటు exdate |
America/New_York లాంటి టైమ్ జోన్ | ముందుగా సమయాలను మార్చండి. nuiSchedulerFromIcs(text, { timeZone }) .ics ఫైల్‌లను చదువుతూనే వాటి సమయాలను మారుస్తుంది. |
లేనిది మీకు కావాలంటే
మీ యాప్ టైమ్ జోన్‌లు, గ్రూప్ చేసిన రిసోర్స్‌లు, బయటి నుంచి డ్రాగ్ అండ్ డ్రాప్ లేదా ప్రింటింగ్‌పై ఆధారపడితే, షెడ్యూలర్ ఇంకా FullCalendar స్థానాన్ని భర్తీ చేసే స్థితిలో లేదు. మీకు కావాల్సిన దాని కోసం ఒక issue తెరవండి. మిగతా అన్నిటి కోసం, షెడ్యూలర్ పేజీలో ప్రతి ఇన్‌పుట్, అవుట్‌పుట్, ఉదాహరణ ఉన్నాయి.