Linimasa sumber daya lan kolom sumber daya ing FullCalendar iku Premium: aplikasi komersial butuh kunci lisensi sing kudu dibayar. Kaca lisensine nyebutake pilihan sing gratis, kanggo aplikasi sing kabeh AGPL lan kanggo organisasi nirlaba sing kadhaftar. Pangatur jadhwal Needless UI nduweni kekarone kanthi lisensi MIT, uga acara sing mbaleni lan berkas iCalendar. Pandhuan iki mindhah aplikasi Angular saka siji menyang sijine: apa sing bisa langsung digawa, apa sing ora, lan data sing kudu diowahi.
Pandhuan iki nganggo jeneng saka FullCalendar 7, kanthi jeneng versi 6 ing kurung kothak yen beda. Konektor Angular FullCalendar ndhukung Angular 16 nganti 22; Needless UI butuh Angular 22.
Apa sing panjenengan entuk
| Fitur | FullCalendar | Needless UI |
|---|---|---|
| Linimasa sumber daya: siji baris saben ruangan utawa wong | Premium | Ya: sadina, saminggu utawa sasasi |
| Sumber daya minangka kolom ing tampilan dina lan minggu | Premium | Ya |
| Tampilan sasi, minggu lan dina | Gratis | Ya |
| Seret kanggo mindhah lan ngowahi ukuran | Gratis; menyang sumber daya liya kudu Premium | Ya, uga menyang sumber daya liya. Pungkasane bisa diowahi ukurane, wiwitane ora. |
| Milih wektu kanggo nggawe acara | Gratis | Ya, nganggo pointer, pencetan dawa utawa keyboard |
| Aturan kayata ora oleh tumpang-tindih | Gratis: opsi overlap lan constraint | Ya: siji fungsi allow, sing ditakoni sadurunge saben owah-owahan |
| Mindhah lan ngowahi ukuran acara saka keyboard | Ora ana ing dokumentasi aksesibilitase, sing mung mbahas label ARIA lan fokus Tab | Ya, diumumake menyang screen reader |
| Acara sing mbaleni | Gratis, nganggo plugin lan pustaka rrule | Wis kalebu: aturan RFC 5545, tanpa EXRULE, RDATE utawa aturan saben jam |
| iCalendar (.ics) | Gratis: maca feed | Maca lan nulis berkas .ics |
| Tampilan dhaptar lan taun | Gratis | Agenda dina-dina sabanjure; ora ana tampilan taun |
| Zona wektu | Gratis: lokal, UTC utawa kanthi jeneng | Ora: nampilake wektu persis kaya sing ditampa |
| Sumber daya sing diklompokake, susun utawa nganggo pirang-pirang kolom | Premium | Ora: siji kolom, digambar nganggo template panjenengan |
| Seret lan seleh saka njaba, acara latar mburi | Gratis | Ora |
| Nyithak, rendering virtual | Premium | Ora |
| Framework | Angular 16 nganti 22, React, Vue, JavaScript biasa lan liya-liyane | Angular 22 lan React 19 |
Apa cocog karo apa
| FullCalendar | Pangatur jadhwal Needless UI |
|---|---|
<full-calendar [options]>, plugins, schedulerLicenseKey | <nui-scheduler>, kanthi input kanggo saben opsi; tanpa plugin lan tanpa kunci |
initialView: 'resourceTimelineDay' | view="timeline", lan timelineSpan kanggo saminggu utawa sasasi |
initialView: 'timeGridWeek' | view="week"; [(view)] rong arah |
resources, events | [resources], [events] |
resourceId, extendedProps | resource, data |
editable, selectable | editable, selectable |
select | (slotSelect): { start, end, allDay, resource } |
eventDrop, eventResize | (eventChange): ora ana sing pindhah nganti panjenengan nganyari events |
eventClick | (eventClick) |
eventOverlap, selectOverlap, eventAllow | [allow]: siji fungsi kanggo mindhah, ngowahi ukuran lan milih |
slotDuration, snapDuration | slotMinutes, snapMinutes, ing menit |
slotMinTime, slotMaxTime, scrollTime | dayStart, dayEnd, scrollHour, ing jam |
businessHours | [businessHours], kanthi dina saka 1 (Senen) nganti 7 |
datesSet | (rangeChange) |
eventContent, resourceCellContent [resourceLabelContent] | Template nuiSchedulerEvent lan nuiSchedulerResource |
locale, firstDay | locale (tag BCP 47 apa wae), firstDay saka 1 nganti 7, lan labels kanggo tembung-tembunge |
Linimasa pesenan ruangan nganggo loro-lorone
Ruangan iku sumber daya lan pesenan iku acara. Wong nyeret ing sadawane ruangan kanggo mesen lan nyeret pesenan kanggo mindhah; siji ruangan mung bisa diisi siji pesenan ing wektu sing padha. Nganggo FullCalendar 7 lan linimasa sumber daya Premium-e:
Nganggo pangatur jadhwal Needless UI:
Ana rong bab sing beda. FullCalendar mindhah pesenan dhewe, banjur aplikasi nyalin owah-owahane; pangatur jadhwal Needless UI mung nglaporake, lan owah-owahane lagi ajeg sawise events dianyari, dadi data panjenengan tetep dadi siji-sijine sumber. Lan allow iku kode biasa, sing ditakoni sadurunge saben owah-owahan saka pointer utawa keyboard, dadi aturane bisa panjenengan tes dhewe. Pandhuan kalender pesenan nggawe aplikasi iki selangkah mbaka selangkah.
Ngowahi data
| FullCalendar | Needless UI |
|---|---|
end acara sadina muput yaiku dina sawise acara | end acara sadina muput yaiku dina pungkasane: kurangi sadina |
Wektu bisa dipungkasi Z utawa offset kayata +02:00 | Wektu biasa tanpa offset, kayata 2026-11-02T09:30 |
Dina saka 0 (Minggu) nganti 6, ing businessHours lan firstDay | Dina saka 1 (Senen) nganti 7 (Minggu) |
Durasi minangka string, kayata '00:30' | Angka: menit utawa jam |
| Sumber daya diurutake miturut id, banjur judhul | Sumber daya miturut urutan ing array |
rrule minangka obyek, lan exrule | String RFC 5545, kayata FREQ=WEEKLY;BYDAY=MO,FR, lan exdate |
Zona wektu kayata America/New_York | Owahi wektune dhisik. nuiSchedulerFromIcs(text, { timeZone }) ngowahi berkas .ics nalika maca. |
Yen butuh sing durung ana
Yen aplikasi panjenengan gumantung marang zona wektu, sumber daya sing diklompokake, seret lan seleh saka njaba utawa nyithak, pangatur jadhwal iki durung bisa ngganti FullCalendar. Bukak issue kanggo apa sing panjenengan butuhake. Kanggo liyane, kaca pangatur jadhwal nduweni saben input, output lan conto.