ایمپورت
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 | روز اول هفته؛ ۱ یعنی دوشنبه. پیشفرض: روز اول هفته در زبان و منطقه. | |
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 | اولین و آخرین روز، که هر دو جزو بازهاند. |