ఇంపోర్ట్
import {
NuiDateField,
NuiDatePicker,
NuiDateRangePicker,
NuiTimeField,
} from '@needless-ui/angular/date-picker';NuiDateField
భాగాలుగా టైప్ చేసే తేదీ, లేదా తేదీ, సమయం.
| పేరు | టైప్ | డిఫాల్ట్ | వివరణ |
|---|---|---|---|
valueటూ-వే | NuiDate | NuiDateTime | null | null | విలువ, లేదా ప్రతి భాగం నిండే వరకు null. |
granularityఇన్పుట్ | 'day' | 'hour' | 'minute' | 'second' | 'day' | రోజు వద్ద ఆగుతుంది, లేదా గంట, నిమిషం, సెకను వరకు వెళ్తుంది. |
min, maxఇన్పుట్ | string | null | అనుమతించిన మొదటి, చివరి విలువలు. వాటి వెలుపల ఫీల్డ్ చెల్లదు. | |
placeholderఇన్పుట్ | string | null | now | బాణం కీలతో ఖాళీ భాగాలు ఎక్కడి నుంచి మొదలవుతాయో. |
hourCycleఇన్పుట్ | 12 | 24 | 12 లేదా 24 గంటల గడియారం. డిఫాల్ట్గా, లొకేల్ది. | |
minuteStepఇన్పుట్ | number | 1 | బాణం కీలు నిమిషాలను ఎంత మారుస్తాయో. |
disabled, readonlyఇన్పుట్ | boolean | false | మార్పులను ఆపుతాయి. |
localeఇన్పుట్ | string | LOCALE_ID | క్రమం, సెపరేటర్లు, అంకెలు, గడియారాన్ని సెట్ చేస్తుంది. |
labelsఇన్పుట్ | Partial<NuiDateFieldLabels> | అనువదించడానికి, ఫీల్డ్ చెప్పే ప్రతి టెక్స్ట్. | |
invalidప్రాపర్టీ | Signal<boolean> | విలువ min, max బయట ఉందో లేదో. | |
focusమెథడ్ | () => void | మొదటి ఖాళీ భాగంపై ఫోకస్ పెడుతుంది. |
NuiTimeField
భాగాలుగా టైప్ చేసే రోజులోని సమయం. డేట్ ఫీల్డ్ ఇన్పుట్లనే తీసుకుంటుంది.
| పేరు | టైప్ | డిఫాల్ట్ | వివరణ |
|---|---|---|---|
granularityఇన్పుట్ | 'hour' | 'minute' | 'second' | 'minute' | గంట, నిమిషం లేదా సెకను వద్ద ఆగుతుంది. |
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
పరిధి క్యాలెండర్తో రెండు డేట్ ఫీల్డ్లు. డేట్ పికర్ ఇన్పుట్లను, ఇంకా ఇవి తీసుకుంటుంది.
| పేరు | టైప్ | డిఫాల్ట్ | వివరణ |
|---|---|---|---|
valueటూ-వే | NuiDateRange | null | null | పరిధి, లేదా రెండు చివరలూ క్రమంలో సెట్ అయ్యే వరకు null. |
presetsఇన్పుట్ | NuiDateRangePreset[] | [] | ఒక్క క్లిక్తో ఎంచుకునే పేర్లున్న పరిధులు. |
monthsఇన్పుట్ | number | 2 | క్యాలెండర్లో పక్కపక్కనే నెలలు. |
NuiDateRangePreset
పేరున్న పరిధి: స్థిరమైనది, లేదా ఎంచుకున్నప్పుడు తయారయ్యేది.
| పేరు | టైప్ | డిఫాల్ట్ | వివరణ |
|---|---|---|---|
labelప్రాపర్టీ | string | దాని పేరు. | |
rangeప్రాపర్టీ | NuiDateRange | (() => NuiDateRange) | పరిధి, లేదా దాన్ని తయారు చేసే ఫంక్షన్. |