İçe aktarma

import-calendar.ts
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';

NuiCalendar

Gün seçmek için bir takvim.

Seçici
nui-calendar
NuiCalendar: Özellikler
AdTürVarsayılanAçıklama
selectionGirdi'single' | 'range' | 'multiple''single'Kaç gün seçilebileceği.
valueÇift yönlüNuiDate | nullnullSeçilen gün.
valuesÇift yönlüNuiDate[][]Seçilen günler, sırasıyla.
rangeÇift yönlüNuiDateRange | nullnullSeçilen aralık; iki ucu da dahil.
monthÇift yönlüNuiMonth | nullnullGösterilen ay; birkaç ay varsa ilki.
viewÇift yönlü'day' | 'month' | 'year''day'Günler, aylar ya da yıllar.
min, maxGirdiNuiDate | nullSeçilebilecek ilk ve son gün.
unavailableGirdi(date: NuiDate) => booleanTatiller gibi başka günleri seçim dışı bırakır.
monthsGirdinumber1Yan yana gösterilen ay sayısı.
weekNumbersGirdibooleanfalseISO hafta numaralarını gösterir.
firstDayGirdi1 … 7Haftanın ilk günü; pazartesi için 1. Varsayılan: yerel ayarınki.
localeGirdistringLOCALE_IDAdları ve rakamları biçimlendirir, haftanın ilk gününü belirler.
labelsGirdiPartial<NuiCalendarLabels>Takvimin gösterdiği veya duyurduğu her metin; çeviri için.
cornersGirdiNuiCornersKöşelerin şekli: round, squircle, bevel, scoop, notch veya square.
radiusGirdiNuiRadiusKöşelerin ne kadar yuvarlatıldığı: none, small, medium, large veya full.
densityGirdiNuiDensityBileşenin ne kadar yer kapladığı: compact, regular veya roomy.
pickedÇıktıNuiDate | NuiDateRangeHer seçimi yayar: bir gün ya da tamamlanan bir aralık.
focusDateMetot(date?: NuiDate) => voidKlavye odağını bir güne taşır ve o günün ayını gösterir.

Ayarlamadığınız özelleştirme girdileri, değerlerini en yakın data-nui-* niteliğinden alır. Ayrıntılar için özelleştirme kılavuzuna bakın.

NuiDateRange

Bir gün aralığı.

NuiDateRange: Özellikler
AdTürVarsayılanAçıklama
start, endÖzellikNuiDateİlk ve son gün; ikisi de dahil.