இம்போர்ட்

import-date-picker.ts
import {
NuiDateField,
NuiDatePicker,
NuiDateRangePicker,
NuiTimeField,
} from '@needless-ui/angular/date-picker';

NuiDateField

பகுதிகளாகத் தட்டச்சு செய்யப்படும் தேதி, அல்லது தேதியும் நேரமும்.

செலக்டர்
nui-date-field
NuiDateField: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
valueஇருவழிNuiDate | NuiDateTime | nullnullமதிப்பு; எல்லாப் பகுதிகளும் நிரம்பும் வரை null.
granularityஇன்புட்'day' | 'hour' | 'minute' | 'second''day'நாளில் நிற்கிறது, அல்லது மணி, நிமிடம், வினாடி வரை தொடர்கிறது.
min, maxஇன்புட்string | nullமிக முந்தைய, மிகப் பிந்தைய மதிப்புகள். அவற்றுக்கு வெளியே புலம் செல்லாது.
placeholderஇன்புட்string | nullnowஅம்புக்குறி விசைகளால் காலியான பகுதிகள் தொடங்கும் மதிப்பு.
hourCycleஇன்புட்12 | 2412 அல்லது 24 மணி நேரக் கடிகாரம். இயல்பாக, லொக்கேலுடையது.
minuteStepஇன்புட்number1அம்புக்குறி விசைகள் நிமிடங்களை எவ்வளவு நகர்த்தும்.
disabled, readonlyஇன்புட்booleanfalseமாற்றங்களைத் தடுக்கின்றன.
localeஇன்புட்stringLOCALE_IDவரிசை, பிரிப்பான்கள், இலக்கங்கள், கடிகாரத்தை அமைக்கிறது.
labelsஇன்புட்Partial<NuiDateFieldLabels>புலம் சொல்லும் ஒவ்வொரு உரையும், மொழிபெயர்ப்பதற்காக.
invalidபண்புSignal<boolean>மதிப்பு min, max-க்கு வெளியே உள்ளதா என்பது.
focusமெத்தட்() => voidமுதல் காலியான பகுதிக்கு ஃபோகஸ் தருகிறது.

NuiTimeField

பகுதிகளாகத் தட்டச்சு செய்யப்படும் நேரம். தேதிப் புலத்தின் அதே இன்புட்களை ஏற்கிறது.

செலக்டர்
nui-time-field
NuiTimeField: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
granularityஇன்புட்'hour' | 'minute' | 'second''minute'மணி, நிமிடம் அல்லது வினாடியில் நிற்கிறது.

NuiDatePicker

பாப்ஓவரில் நாட்காட்டி கொண்ட தேதிப் புலம். தேதிப் புலத்தின் இன்புட்களையும், இவற்றையும் ஏற்கிறது.

செலக்டர்
nui-date-picker
NuiDatePicker: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
unavailableஇன்புட்(date: NuiDate) => booleanநாட்காட்டி தேர்ந்தெடுக்காத நாட்கள்.
firstDay, weekNumbersஇன்புட்1 … 7, booleanநாட்காட்டிக்கு அனுப்பப்படுகின்றன.
labelsஇன்புட்Partial<NuiDatePickerLabels>புலம், பொத்தான், நாட்காட்டியின் உரைகள்.
cornersஇன்புட்NuiCornersஇதன் மூலைகளின் வடிவம்: round, squircle, bevel, scoop, notch அல்லது square.
radiusஇன்புட்NuiRadiusஇதன் மூலைகள் எவ்வளவு பெரியவை: none, small, medium, large அல்லது full.
densityஇன்புட்NuiDensityஇது எடுத்துக்கொள்ளும் இடம்: compact, regular அல்லது roomy.
showமெத்தட்() => voidநாட்காட்டியைத் திறக்கிறது.

நீங்கள் அமைக்காமல் விடும் தனிப்பயனாக்க இன்புட்கள், மிக அருகிலுள்ள data-nui-* ஆட்ரிபியூட்டைப் பின்பற்றும். தனிப்பயனாக்க வழிகாட்டியைப் பாருங்கள்.

NuiDateRangePicker

வரம்பு நாட்காட்டியுடன் இரண்டு தேதிப் புலங்கள். தேதித் தேர்வியின் இன்புட்களையும், இவற்றையும் ஏற்கிறது.

செலக்டர்
nui-date-range-picker
NuiDateRangePicker: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
valueஇருவழிNuiDateRange | nullnullவரம்பு; இரு முனைகளும் வரிசைப்படி அமையும் வரை null.
presetsஇன்புட்NuiDateRangePreset[][]ஒரே கிளிக்கில் தேர்ந்தெடுக்க, பெயரிட்ட வரம்புகள்.
monthsஇன்புட்number2நாட்காட்டியில் அருகருகே காட்டப்படும் மாதங்கள்.

NuiDateRangePreset

பெயரிட்ட வரம்பு; நிலையானது, அல்லது தேர்ந்தெடுக்கும்போது உருவாக்கப்படுவது.

NuiDateRangePreset: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
labelபண்புstringஅதன் பெயர்.
rangeபண்புNuiDateRange | (() => NuiDateRange)வரம்பு, அல்லது அதை உருவாக்கும் ஃபங்ஷன்.