ઇમ્પોર્ટ
import { NuiScheduler, type NuiSchedulerEvent } from '@needless-ui/angular/scheduler';NuiScheduler
મહિના, અઠવાડિયા, દિવસ કે એજન્ડામાં ઇવેન્ટ.
| નામ | પ્રકાર | ડિફૉલ્ટ | વર્ણન |
|---|---|---|---|
eventsઇનપુટ | NuiSchedulerEvent<T>[] | [] | બતાવવાની ઇવેન્ટ. |
viewદ્વિમાર્ગી | 'month' | 'week' | 'day' | 'agenda' | 'week' | બતાવેલું વ્યૂ. |
viewsઇનપુટ | NuiSchedulerView[] | all four | જે વ્યૂ વચ્ચે લોકો બદલી શકે છે તે. |
dateદ્વિમાર્ગી | NuiDate | today | બતાવેલો દિવસ, અને કીબોર્ડ ફોકસ જ્યાં છે તે. |
slotMinutesઇનપુટ | number | 30 | સમય ગ્રિડની દરેક હરોળની મિનિટ, જે ઇવેન્ટ ખસવાનું સ્ટેપ પણ છે. |
scrollHourઇનપુટ | number | 8 | જે કલાક પર સમય ગ્રિડ ખૂલે છે તે. |
agendaDaysઇનપુટ | number | 30 | એજન્ડા કેટલા દિવસ આગળ સુધી બતાવે છે. |
editableઇનપુટ | boolean | false | ઇવેન્ટને પૉઇન્ટર અને કીબોર્ડથી ખસેડી અને તેનું કદ બદલી શકાય છે. |
selectableઇનપુટ | boolean | false | ઇવેન્ટ બનાવવા માટે ગ્રિડ પર સમય પસંદ કરી શકાય છે. |
firstDayઇનપુટ | 1 … 7 | અઠવાડિયાનો પહેલો દિવસ, સોમવાર માટે 1. ડિફૉલ્ટ રૂપે લોકેલનો. | |
headingLevelઇનપુટ | number | 2 | શીર્ષકનું હેડિંગ લેવલ; એજન્ડાના દિવસો એક લેવલ ઊંડે. |
localeઇનપુટ | string | LOCALE_ID | દિવસો અને સમય ફૉર્મેટ કરે છે. |
labelsઇનપુટ | Partial<NuiSchedulerLabels> | શેડ્યૂલર જે ટેક્સ્ટ બતાવે છે કે જાહેર કરે છે તે દરેક, અનુવાદ માટે. | |
cornersઇનપુટ | NuiCorners | તેના ખૂણાઓનો આકાર: round, squircle, bevel, scoop, notch અથવા square. | |
radiusઇનપુટ | NuiRadius | તેના ખૂણા કેટલા મોટા હોય: none, small, medium, large અથવા full. | |
densityઇનપુટ | NuiDensity | તે કેટલી જગ્યા રોકે છે: compact, regular અથવા roomy. | |
eventClickઆઉટપુટ | NuiSchedulerEvent<T> | ક્લિક કરેલી, કે Enter થી ખોલેલી ઇવેન્ટ એમિટ કરે છે. | |
eventChangeઆઉટપુટ | { event, start, end } | ખસેડ્યા કે કદ બદલ્યા પછી ઇવેન્ટનો નવો સમય એમિટ કરે છે. | |
slotSelectઆઉટપુટ | { start, end, allDay } | ગ્રિડ પર પસંદ કરેલો સમય એમિટ કરે છે. | |
rangeChangeઆઉટપુટ | { start, end } | બતાવેલા પહેલા અને છેલ્લા દિવસ બદલાય ત્યારે તેમને એમિટ કરે છે. |
તમે સેટ ન કરેલાં કસ્ટમાઇઝેશન ઇનપુટ્સ સૌથી નજીકના data-nui-* એટ્રિબ્યુટમાંથી મૂલ્ય લે છે. કસ્ટમાઇઝેશન માર્ગદર્શિકા જુઓ.
NuiSchedulerEvent
એક ઇવેન્ટ. સમયવાળી ઇવેન્ટનો અંત તેમાં સામેલ નથી; આખા દિવસની ઇવેન્ટનો અંત તેનો છેલ્લો દિવસ છે.
| નામ | પ્રકાર | ડિફૉલ્ટ | વર્ણન |
|---|---|---|---|
id, titleપ્રોપર્ટી | string | તેની કી, અને તે શું બતાવે છે. | |
start, endપ્રોપર્ટી | NuiDateTime | NuiDate | તારીખો અને સમય, અથવા આખા દિવસની ઇવેન્ટ માટે ફક્ત તારીખો. | |
allDayપ્રોપર્ટી | boolean | ડિફૉલ્ટ રૂપે, જ્યારે start માં સમય ન હોય. | |
toneપ્રોપર્ટી | 'accent' | 'neutral' | 'success' | 'warning' | 'danger' | 'accent' | તેનો રંગ. |
editableપ્રોપર્ટી | boolean | તેને ખસેડી શકાય કે નહીં, શેડ્યૂલર ભલે ગમે તે કહે. | |
dataપ્રોપર્ટી | T | તેની સાથે રાખવાનું બીજું કંઈ પણ. |
NuiSchedulerEventTemplate
ઇવેન્ટ દોરે છે. કૉન્ટેક્સ્ટમાં ઇવેન્ટ અને ટેક્સ્ટ તરીકે તેનો સમય હોય છે.