API کامپوننت انتخابگر تاریخ

ایمپورت

import-date-picker.ts

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`		قالب ۱۲ یا ۲۴ ساعته. پیش‌فرض: قالب زبان و منطقه.
`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'`	در ساعت، دقیقه یا ثانیه متوقف می‌شود.

یک فیلد تاریخ با تقویمی در popover. ورودی‌های فیلد تاریخ را می‌گیرد، به‌علاوهٔ این‌ها.

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)`		بازه، یا تابعی که آن را می‌سازد.