Needless UI

Vijenzi

Kichagua tarehe

Andika tarehe au saa kwa vipande, au uichague kwenye kalenda.

Kuingiza

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

NuiDateField

Tarehe, au tarehe na saa, inayoandikwa kwa vipande.

Kiteuzi
nui-date-field
JinaAinaChaguomsingiMaelezo
valuePande mbiliNuiDate | NuiDateTime | nullnullThamani, au null hadi kila kipande kijazwe.
granularityInput'day' | 'hour' | 'minute' | 'second''day'Huishia kwenye siku, au huendelea hadi saa, dakika au sekunde.
min, maxInputstring | nullThamani ya mapema zaidi na ya mwisho zaidi. Nje yake, sehemu si halali.
placeholderInputstring | nullnowMahali vipande vitupu huanzia kwa vitufe vya mishale.
hourCycleInput12 | 24Mfumo wa saa 12 au 24. Kwa chaguomsingi, wa locale.
minuteStepInputnumber1Kiasi ambacho vitufe vya mishale husogeza dakika.
disabled, readonlyInputbooleanfalseHuzuia mabadiliko.
localeInputstringLOCALE_IDHuweka mpangilio, vitenganishi, tarakimu na mfumo wa saa.
labelsInputPartial<NuiDateFieldLabels>Kila maandishi ambayo sehemu husema, ili kuyatafsiri.
invalidSifaSignal<boolean>Kama thamani iko nje ya min na max.
focusMbinu() => voidHuweka focus kwenye kipande cha kwanza kilicho tupu.

NuiTimeField

Saa ya siku, inayoandikwa kwa vipande. Hupokea input zilezile za sehemu ya tarehe.

Kiteuzi
nui-time-field
JinaAinaChaguomsingiMaelezo
granularityInput'hour' | 'minute' | 'second''minute'Huishia kwenye saa, dakika au sekunde.

NuiDatePicker

Sehemu ya tarehe yenye kalenda katika popover. Hupokea input za sehemu ya tarehe, pamoja na hizi.

Kiteuzi
nui-date-picker
JinaAinaChaguomsingiMaelezo
unavailableInput(date: NuiDate) => booleanSiku ambazo kalenda haitachagua.
firstDay, weekNumbersInput1 … 7, booleanHupitishwa kwa kalenda.
labelsInputPartial<NuiDatePickerLabels>Maandishi ya sehemu, kitufe na kalenda.
cornersInputNuiCornersUmbo la pembe zake: round, squircle, bevel, scoop, notch au square.
radiusInputNuiRadiusUkubwa wa pembe zake: none, small, medium, large au full.
densityInputNuiDensityNafasi kinayochukua: compact, regular au roomy.
showMbinu() => voidHufungua kalenda.

Input za ubinafsishaji usizoweka hufuata attribute ya data-nui-* iliyo karibu zaidi. Tazama mwongozo wa ubinafsishaji.

NuiDateRangePicker

Sehemu mbili za tarehe zenye kalenda ya kipindi. Hupokea input za kichagua tarehe, pamoja na hizi.

Kiteuzi
nui-date-range-picker
JinaAinaChaguomsingiMaelezo
valuePande mbiliNuiDateRange | nullnullKipindi, au null hadi mwanzo na mwisho viwekwe, kwa mpangilio.
presetsInputNuiDateRangePreset[][]Vipindi vyenye majina vya kuchagua kwa mbofyo mmoja.
monthsInputnumber2Miezi kando kwa kando katika kalenda.

NuiDateRangePreset

Kipindi chenye jina, kisichobadilika au kinachoundwa kinapochaguliwa.

JinaAinaChaguomsingiMaelezo
labelSifastringJina lake.
rangeSifaNuiDateRange | (() => NuiDateRange)Kipindi, au function inayokiunda.