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 | ಇದೆ, ಬೇರೆ ಸಂಪನ್ಮೂಲಗಳಿಗೂ ಎಳೆಯಬಹುದು. ಕೊನೆಯ ಅಂಚಿನಿಂದ ಗಾತ್ರ ಬದಲಿಸಬಹುದು, ಆರಂಭದಿಂದ ಅಲ್ಲ. |
| ಈವೆಂಟ್ ರಚಿಸಲು ಸಮಯ ಆರಿಸುವುದು | ಉಚಿತ | ಇದೆ: ಪಾಯಿಂಟರ್, ಒತ್ತಿ ಹಿಡಿಯುವುದು ಅಥವಾ ಕೀಬೋರ್ಡ್‌ನಿಂದ |
| ಈವೆಂಟ್‌ಗಳು ಒಂದರ ಮೇಲೊಂದು ಬರಬಾರದು ಎಂಬಂತಹ ನಿಯಮಗಳು | ಉಚಿತ: overlap ಮತ್ತು constraint ಆಯ್ಕೆಗಳು | ಇದೆ: ಪ್ರತಿ ಬದಲಾವಣೆಗೂ ಮೊದಲು ಕೇಳಲಾಗುವ ಒಂದೇ 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 |
ವಾರದ ದಿನಗಳು 0 (ಭಾನುವಾರ) ರಿಂದ 6, businessHours ಮತ್ತು firstDay ನಲ್ಲಿ | ವಾರದ ದಿನಗಳು 1 (ಸೋಮವಾರ) ರಿಂದ 7 (ಭಾನುವಾರ) |
ಅವಧಿಗಳು ಸ್ಟ್ರಿಂಗ್‌ಗಳಾಗಿ, ಉದಾಹರಣೆಗೆ '00:30' | ಸಂಖ್ಯೆಗಳು: ನಿಮಿಷಗಳು ಅಥವಾ ಗಂಟೆಗಳು |
| ಸಂಪನ್ಮೂಲಗಳನ್ನು id, ನಂತರ ಶೀರ್ಷಿಕೆಯ ಪ್ರಕಾರ ವಿಂಗಡಿಸಲಾಗುತ್ತದೆ | ಸಂಪನ್ಮೂಲಗಳು ಅರೇಯಲ್ಲಿರುವ ಕ್ರಮದಲ್ಲೇ |
ಆಬ್ಜೆಕ್ಟ್ ಆಗಿ rrule, ಮತ್ತು exrule | RFC 5545 ಸ್ಟ್ರಿಂಗ್, ಉದಾಹರಣೆಗೆ FREQ=WEEKLY;BYDAY=MO,FR, ಮತ್ತು exdate |
America/New_York ನಂತಹ ಸಮಯ ವಲಯ | ಮೊದಲು ಸಮಯಗಳನ್ನು ಪರಿವರ್ತಿಸಿ. nuiSchedulerFromIcs(text, { timeZone }) .ics ಫೈಲ್‌ಗಳನ್ನು ಓದುವಾಗಲೇ ಪರಿವರ್ತಿಸುತ್ತದೆ. |
ಇಲ್ಲದಿರುವುದು ನಿಮಗೆ ಬೇಕಿದ್ದರೆ
ನಿಮ್ಮ ಆ್ಯಪ್ ಸಮಯ ವಲಯಗಳು, ಗುಂಪುಗೂಡಿಸಿದ ಸಂಪನ್ಮೂಲಗಳು, ಹೊರಗಿನಿಂದ ಡ್ರ್ಯಾಗ್ ಆ್ಯಂಡ್ ಡ್ರಾಪ್ ಅಥವಾ ಪ್ರಿಂಟಿಂಗ್ ಅನ್ನು ಅವಲಂಬಿಸಿದ್ದರೆ, ಶೆಡ್ಯೂಲರ್ ಇನ್ನೂ FullCalendar ನ ಜಾಗವನ್ನು ತುಂಬಲಾರದು. ನಿಮಗೆ ಬೇಕಾದುದಕ್ಕಾಗಿ ಇಶ್ಯೂ ತೆರೆಯಿರಿ. ಉಳಿದ ಎಲ್ಲದಕ್ಕೂ ಶೆಡ್ಯೂಲರ್‌ನ ಪುಟ ನೋಡಿ: ಅಲ್ಲಿ ಪ್ರತಿ ಇನ್‌ಪುಟ್, ಔಟ್‌ಪುಟ್ ಮತ್ತು ಉದಾಹರಣೆ ಇದೆ.