ਇੰਪੋਰਟ
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';NuiCalendar
ਦਿਨ ਚੁਣਨ ਲਈ ਕੈਲੰਡਰ।
| ਨਾਮ | ਟਾਈਪ | ਡਿਫ਼ਾਲਟ | ਵੇਰਵਾ |
|---|---|---|---|
selectionਇਨਪੁੱਟ | 'single' | 'range' | 'multiple' | 'single' | ਕਿੰਨੇ ਦਿਨ ਚੁਣੇ ਜਾ ਸਕਦੇ ਹਨ। |
valueਦੋ-ਪਾਸੜ | NuiDate | null | null | ਚੁਣਿਆ ਗਿਆ ਦਿਨ। |
valuesਦੋ-ਪਾਸੜ | NuiDate[] | [] | ਚੁਣੇ ਗਏ ਦਿਨ, ਕ੍ਰਮ ਵਿੱਚ। |
rangeਦੋ-ਪਾਸੜ | NuiDateRange | null | null | ਚੁਣੀ ਗਈ ਰੇਂਜ, ਦੋਵੇਂ ਸਿਰੇ ਸ਼ਾਮਲ। |
monthਦੋ-ਪਾਸੜ | NuiMonth | null | null | ਦਿਖਾਇਆ ਗਿਆ ਮਹੀਨਾ; ਕਈ ਹੋਣ ’ਤੇ ਪਹਿਲਾ। |
viewਦੋ-ਪਾਸੜ | 'day' | 'month' | 'year' | 'day' | ਦਿਨ, ਮਹੀਨੇ ਜਾਂ ਸਾਲ। |
min, maxਇਨਪੁੱਟ | NuiDate | null | ਚੁਣੇ ਜਾ ਸਕਣ ਵਾਲੇ ਪਹਿਲੇ ਅਤੇ ਆਖ਼ਰੀ ਦਿਨ। | |
unavailableਇਨਪੁੱਟ | (date: NuiDate) => boolean | ਹੋਰ ਦਿਨ ਵੀ ਚੋਣ ਤੋਂ ਬਾਹਰ ਰੱਖਦਾ ਹੈ, ਜਿਵੇਂ ਛੁੱਟੀਆਂ। | |
monthsਇਨਪੁੱਟ | number | 1 | ਨਾਲ-ਨਾਲ ਦਿਸਣ ਵਾਲੇ ਮਹੀਨੇ। |
weekNumbersਇਨਪੁੱਟ | boolean | false | ISO ਹਫ਼ਤਾ ਨੰਬਰ ਦਿਖਾਉਂਦਾ ਹੈ। |
firstDayਇਨਪੁੱਟ | 1 … 7 | ਹਫ਼ਤੇ ਦਾ ਪਹਿਲਾ ਦਿਨ, ਸੋਮਵਾਰ ਲਈ 1। ਡਿਫ਼ਾਲਟ ਰੂਪ ਵਿੱਚ ਲੋਕੇਲ ਵਾਲਾ। | |
localeਇਨਪੁੱਟ | string | LOCALE_ID | ਨਾਮ ਅਤੇ ਅੰਕ ਫ਼ਾਰਮੈਟ ਕਰਦਾ ਹੈ, ਅਤੇ ਹਫ਼ਤੇ ਦਾ ਪਹਿਲਾ ਦਿਨ ਤੈਅ ਕਰਦਾ ਹੈ। |
labelsਇਨਪੁੱਟ | Partial<NuiCalendarLabels> | ਕੈਲੰਡਰ ਦਾ ਦਿਖਾਇਆ ਜਾਂ ਐਲਾਨਿਆ ਜਾਣ ਵਾਲਾ ਹਰ ਟੈਕਸਟ, ਅਨੁਵਾਦ ਲਈ। | |
cornersਇਨਪੁੱਟ | NuiCorners | ਇਸ ਦੇ ਕੋਨਿਆਂ ਦੀ ਸ਼ਕਲ: round, squircle, bevel, scoop, notch ਜਾਂ square। | |
radiusਇਨਪੁੱਟ | NuiRadius | ਇਸ ਦੇ ਕੋਨੇ ਕਿੰਨੇ ਵੱਡੇ ਹੋਣ: none, small, medium, large ਜਾਂ full। | |
densityਇਨਪੁੱਟ | NuiDensity | ਇਹ ਕਿੰਨੀ ਥਾਂ ਲੈਂਦਾ ਹੈ: compact, regular ਜਾਂ roomy। | |
pickedਆਊਟਪੁੱਟ | NuiDate | NuiDateRange | ਹਰ ਚੋਣ ਐਮਿਟ ਕਰਦਾ ਹੈ: ਇੱਕ ਦਿਨ, ਜਾਂ ਪੂਰੀ ਹੋਣ ’ਤੇ ਰੇਂਜ। | |
focusDateਮੈਥਡ | (date?: NuiDate) => void | ਕੀ-ਬੋਰਡ ਫ਼ੋਕਸ ਨੂੰ ਕਿਸੇ ਦਿਨ ’ਤੇ ਲੈ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਉਸ ਦਾ ਮਹੀਨਾ ਦਿਖਾਉਂਦਾ ਹੈ। |
ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਦੇ ਜੋ ਇਨਪੁੱਟ ਤੁਸੀਂ ਸੈੱਟ ਨਹੀਂ ਕਰਦੇ, ਉਹ ਸਭ ਤੋਂ ਨੇੜਲੇ data-nui-* ਐਟਰੀਬਿਊਟ ਤੋਂ ਵੈਲਿਊ ਲੈਂਦੇ ਹਨ। ਕਸਟਮਾਈਜ਼ੇਸ਼ਨ ਗਾਈਡ ਵੇਖੋ।
NuiDateRange
ਦਿਨਾਂ ਦੀ ਰੇਂਜ।
| ਨਾਮ | ਟਾਈਪ | ਡਿਫ਼ਾਲਟ | ਵੇਰਵਾ |
|---|---|---|---|
start, endਪ੍ਰਾਪਰਟੀ | NuiDate | ਪਹਿਲਾ ਅਤੇ ਆਖ਼ਰੀ ਦਿਨ, ਦੋਵੇਂ ਸ਼ਾਮਲ। |