Timeline na resources da ginshiƙan resources na FullCalendar suna cikin sigar Premium: manhajar kasuwanci tana buƙatar maɓallin lasisi da ake biya. Shafin lasisinsa yana lissafa zaɓuɓɓukan kyauta, ga manhajojin da ke ƙarƙashin AGPL gaba ɗaya, da kuma ƙungiyoyi masu rajista waɗanda ba sa neman riba. Jadawalin Needless UI yana da duka biyun a ƙarƙashin MIT, tare da events masu maimaituwa da fayilolin iCalendar. Wannan jagorar tana kai manhajar Angular daga ɗaya zuwa ɗayan: abin da ke tafiya tare, abin da ba ya tafiya, da bayanan da za a canza.
Tana amfani da sunayen FullCalendar 7, tare da na sigar 6 a cikin baka inda suka bambanta. FullCalendar yana tallafawa Angular 16 zuwa 22 ta connector ɗinsa na Angular; Needless UI yana buƙatar Angular 22.
Abin da kuke samu
| Fasali | FullCalendar | Needless UI |
|---|---|---|
| Timeline na resources: layi ga kowane ɗaki ko mutum | Premium | Ee: rana, mako ko wata |
| Resources a matsayin ginshiƙai a kallon rana da na mako | Premium | Ee |
| Kallon wata, mako da rana | Kyauta | Ee |
| Ja don matsarwa da sauya tsawo | Kyauta; zuwa wani resource sai da Premium | Ee, har zuwa wasu resources. Ana sauya tsawo daga ƙarshe, ba daga farko ba. |
| Zaɓar lokaci don ƙirƙirar event | Kyauta | Ee, da linzami, dannawa da riƙewa ko allon madannai |
| Dokoki kamar hana events su haɗu | Kyauta: zaɓuɓɓukan overlap da constraint | Ee: function ɗaya na allow, wanda ake tambaya kafin kowane canji |
| Matsarwa da sauya tsawon events da allon madannai | Babu a cikin bayanansa kan sauƙin amfani ga kowa, waɗanda ke magana kan lakabai na ARIA da focus na Tab | Ee, ana sanar da manhajojin karanta allo |
| Events masu maimaituwa | Kyauta, da plugin da laburaren rrule | A ciki: dokokin RFC 5545, ba tare da EXRULE, RDATE ko dokokin kowace sa’a ba |
| iCalendar (.ics) | Kyauta: yana karanta feed | Yana karantawa da rubuta fayilolin .ics |
| Kallon jeri da na shekara | Kyauta | Ajandar kwanaki masu zuwa; babu kallon shekara |
| Yankunan lokaci | Kyauta: na gida, UTC ko mai suna | A’a: yana nuna lokutan agogo da ya karɓa kamar yadda suke |
| Resources a rukuni, a cikin juna ko masu ginshiƙai da yawa | Premium | A’a: ginshiƙi ɗaya, wanda template ɗinku ke zana shi |
| Ja da sauke daga waje, events na bango | Kyauta | A’a |
| Bugawa, virtual rendering | Premium | A’a |
| Frameworks | Angular 16 zuwa 22, React, Vue, JavaScript zalla da sauransu | Angular 22 da React 19 |
Madadin kowane zaɓi
| FullCalendar | Jadawalin Needless UI |
|---|---|
<full-calendar [options]>, plugins, schedulerLicenseKey | <nui-scheduler>, da input ga kowane zaɓi; babu plugins, babu maɓallin lasisi |
initialView: 'resourceTimelineDay' | view="timeline", da timelineSpan don mako ko wata |
initialView: 'timeGridWeek' | view="week"; [(view)] yana aiki ta hanya biyu |
resources, events | [resources], [events] |
resourceId, extendedProps | resource, data |
editable, selectable | editable, selectable |
select | (slotSelect): { start, end, allDay, resource } |
eventDrop, eventResize | (eventChange): babu abin da ke motsawa sai kun sabunta events |
eventClick | (eventClick) |
eventOverlap, selectOverlap, eventAllow | [allow]: function ɗaya don matsarwa, sauya tsawo da zaɓi |
slotDuration, snapDuration | slotMinutes, snapMinutes, a minti |
slotMinTime, slotMaxTime, scrollTime | dayStart, dayEnd, scrollHour, a sa’o’i |
businessHours | [businessHours], da ranakun mako daga 1 (Litinin) zuwa 7 |
datesSet | (rangeChange) |
eventContent, resourceCellContent [resourceLabelContent] | Templates na nuiSchedulerEvent da nuiSchedulerResource |
locale, firstDay | locale (kowane tag na BCP 47), firstDay daga 1 zuwa 7, da labels don kalmominsa |
Timeline na ajiyar ɗakuna, ta hanyoyin biyu
Ɗakuna resources ne, ajiyoyin wuri kuma events ne. Mutane suna ja a kan ɗaki don yin ajiyarsa, suna kuma jan ajiyar wuri don matsar da ita, kuma ɗaki ɗaya yana ɗaukar ajiyar wuri ɗaya ne kawai a lokaci guda. Da FullCalendar 7 da timeline na resources ɗinsa na Premium:
Da jadawalin Needless UI:
Abubuwa biyu suna aiki daban. FullCalendar yana matsar da ajiyar wuri da kansa, sannan manhajar ta kwafi canjin; jadawalin Needless UI yana ba da rahoton canjin ne kawai, kuma sabunta events ne ke tabbatar da shi, don haka bayananku ne kaɗai tushe. Kuma allow code ne zalla, wanda ake tambaya kafin kowane canji daga linzami ko allon madannai, don haka ku ne za ku gwada dokar da kanku. Jagorar ajiyar ɗakuna tana gina wannan manhaja mataki-mataki.
Canza bayanai
| FullCalendar | Needless UI |
|---|---|
A event na duk yini, end ita ce ranar da ke bayan event ɗin | A event na duk yini, end ita ce ranarsa ta ƙarshe: ku cire rana ɗaya |
Lokuta suna iya ƙarewa da Z ko bambancin lokaci kamar +02:00 | Lokutan agogo ba tare da bambancin lokaci ba, kamar 2026-11-02T09:30 |
Ranakun mako daga 0 (Lahadi) zuwa 6, a cikin businessHours da firstDay | Ranakun mako daga 1 (Litinin) zuwa 7 (Lahadi) |
Tsawon lokaci a matsayin strings, kamar '00:30' | Lambobi: minti ko sa’o’i |
| Ana jera resources bisa id, sannan bisa take | Resources suna bin jerin array ɗin |
rrule a matsayin object, da exrule | String na RFC 5545, kamar FREQ=WEEKLY;BYDAY=MO,FR, da exdate |
Yankin lokaci kamar America/New_York | Ku fara canza lokutan. nuiSchedulerFromIcs(text, { timeZone }) yana canza fayilolin .ics yayin da yake karanta su. |
Idan kuna buƙatar abin da babu
Idan manhajarku ta dogara da yankunan lokaci, resources a rukuni, ja da sauke daga waje ko bugawa, jadawalin ba zai iya maye gurbin FullCalendar ba tukuna. Ku buɗe issue don abin da kuke buƙata. Don duk sauran abubuwa, shafin jadawalin yana da kowane input, output da misali.