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 | RFC 5545 ਸਟ੍ਰਿੰਗ, ਜਿਵੇਂ FREQ=WEEKLY;BYDAY=MO,FR, ਅਤੇ exdate |
America/New_York ਵਰਗਾ ਟਾਈਮ ਜ਼ੋਨ | ਪਹਿਲਾਂ ਸਮਿਆਂ ਨੂੰ ਬਦਲੋ। nuiSchedulerFromIcs(text, { timeZone }) .ics ਫ਼ਾਈਲਾਂ ਪੜ੍ਹਦੇ ਸਮੇਂ ਹੀ ਉਨ੍ਹਾਂ ਦੇ ਸਮੇਂ ਬਦਲ ਦਿੰਦਾ ਹੈ। |
ਜੇ ਤੁਹਾਨੂੰ ਉਹ ਚਾਹੀਦਾ ਹੈ ਜੋ ਹਾਲੇ ਨਹੀਂ ਹੈ
ਜੇ ਤੁਹਾਡੀ ਐਪ ਟਾਈਮ ਜ਼ੋਨਾਂ, ਸਮੂਹਾਂ ਵਿੱਚ ਵੰਡੇ ਰਿਸੋਰਸਾਂ, ਬਾਹਰੋਂ ਡ੍ਰੈਗ ਐਂਡ ਡ੍ਰੌਪ ਜਾਂ ਪ੍ਰਿੰਟਿੰਗ ’ਤੇ ਨਿਰਭਰ ਹੈ, ਤਾਂ ਸ਼ਡਿਊਲਰ ਹਾਲੇ FullCalendar ਦੀ ਥਾਂ ਨਹੀਂ ਲੈ ਸਕਦਾ। ਜੋ ਤੁਹਾਨੂੰ ਚਾਹੀਦਾ ਹੈ, ਉਸ ਲਈ ਇਸ਼ੂ ਖੋਲ੍ਹੋ। ਬਾਕੀ ਸਭ ਲਈ ਸ਼ਡਿਊਲਰ ਦੇ ਪੰਨੇ ’ਤੇ ਹਰ ਇਨਪੁੱਟ, ਆਊਟਪੁੱਟ ਅਤੇ ਉਦਾਹਰਨ ਮੌਜੂਦ ਹੈ।