இம்போர்ட்

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

NuiCalendar

நாட்களைத் தேர்ந்தெடுப்பதற்கான நாட்காட்டி.

செலக்டர்
nui-calendar
NuiCalendar: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
selectionஇன்புட்'single' | 'range' | 'multiple''single'எத்தனை நாட்களைத் தேர்ந்தெடுக்கலாம்.
valueஇருவழிNuiDate | nullnullதேர்ந்தெடுத்த நாள்.
valuesஇருவழிNuiDate[][]தேர்ந்தெடுத்த நாட்கள், வரிசைப்படி.
rangeஇருவழிNuiDateRange | nullnullதேர்ந்தெடுத்த வரம்பு, இரு முனைகளும் உட்பட.
monthஇருவழிNuiMonth | nullnullகாட்டப்படும் மாதம்; பல இருந்தால், முதலாவது.
viewஇருவழி'day' | 'month' | 'year''day'நாட்கள், மாதங்கள் அல்லது ஆண்டுகள்.
min, maxஇன்புட்NuiDate | nullதேர்ந்தெடுக்கக்கூடிய முதல், கடைசி நாட்கள்.
unavailableஇன்புட்(date: NuiDate) => booleanவிடுமுறை நாட்கள் போன்ற பிற நாட்களை விலக்குகிறது.
monthsஇன்புட்number1அருகருகே காட்டப்படும் மாதங்கள்.
weekNumbersஇன்புட்booleanfalseISO வார எண்களைக் காட்டுகிறது.
firstDayஇன்புட்1 … 7வாரத்தின் முதல் நாள்; திங்கள் என்றால் 1. இயல்பாக, லொக்கேலுடையது.
localeஇன்புட்stringLOCALE_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

நாட்களின் வரம்பு.

NuiDateRange: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
start, endபண்புNuiDateமுதல், கடைசி நாட்கள்; இரண்டும் உட்பட.