API của Bộ chọn ngày

Import

import-date-picker.ts

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

Một ngày, hoặc ngày và giờ, được gõ theo từng phân đoạn.

NuiDateField: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`value`Hai chiều	`NuiDate \| NuiDateTime \| null`	`null`	Giá trị, hoặc null cho đến khi mọi phân đoạn được điền.
`granularity`Input	`'day' \| 'hour' \| 'minute' \| 'second'`	`'day'`	Dừng ở ngày, hoặc tiếp tục tới giờ, phút hoặc giây.
`min, max`Input	`string \| null`		Giá trị sớm nhất và muộn nhất. Ngoài khoảng đó, ô nhập không hợp lệ.
`placeholder`Input	`string \| null`	`now`	Giá trị mà phân đoạn trống bắt đầu từ đó khi dùng phím mũi tên.
`hourCycle`Input	`12 \| 24`		Đồng hồ 12 hoặc 24 giờ. Mặc định theo locale.
`minuteStep`Input	`number`	`1`	Mức phím mũi tên thay đổi số phút.
`disabled, readonly`Input	`boolean`	`false`	Ngăn thay đổi.
`locale`Input	`string`	`LOCALE_ID`	Đặt thứ tự, dấu phân cách, chữ số và kiểu đồng hồ.
`labels`Input	`Partial<NuiDateFieldLabels>`		Mọi văn bản mà ô nhập đọc lên, để dịch.
`invalid`Thuộc tính	`Signal<boolean>`		Giá trị có nằm ngoài `min` và `max` hay không.
`focus`Phương thức	`() => void`		Chuyển focus vào phân đoạn trống đầu tiên.

Một thời điểm trong ngày được gõ theo từng phân đoạn. Nhận cùng các input như ô ngày.

NuiTimeField: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`granularity`Input	`'hour' \| 'minute' \| 'second'`	`'minute'`	Dừng ở giờ, phút hoặc giây.

Một ô ngày có lịch trong popover. Nhận các input của ô ngày, và thêm các input sau.

NuiDatePicker: Thuộc tính
Tên	Kiểu	Mô tả
`unavailable`Input	`(date: NuiDate) => boolean`	Những ngày lịch không cho chọn.
`firstDay, weekNumbers`Input	`1 … 7, boolean`	Được truyền cho lịch.
`labels`Input	`Partial<NuiDatePickerLabels>`	Văn bản của ô nhập, nút và lịch.
`corners`Input	`NuiCorners`	Hình dạng các góc: `round`, `squircle`, `bevel`, `scoop`, `notch` hoặc `square`.
`radius`Input	`NuiRadius`	Mức bo góc: `none`, `small`, `medium`, `large` hoặc `full`.
`density`Input	`NuiDensity`	Lượng không gian mà component chiếm: `compact`, `regular` hoặc `roomy`.
`show`Phương thức	`() => void`	Mở lịch.

Các input tùy biến mà bạn không đặt sẽ lấy giá trị từ thuộc tính data-nui-* gần nhất. Xem hướng dẫn tùy biến.

Hai ô ngày với một lịch chọn khoảng ngày. Nhận các input của bộ chọn ngày, và thêm các input sau.

NuiDateRangePicker: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`value`Hai chiều	`NuiDateRange \| null`	`null`	Khoảng ngày, hoặc null cho đến khi cả hai đầu được đặt theo đúng thứ tự.
`presets`Input	`NuiDateRangePreset[]`	`[]`	Các khoảng ngày có tên, chọn bằng một cú nhấp.
`months`Input	`number`	`2`	Số tháng hiển thị cạnh nhau trong lịch.

Một khoảng ngày có tên, cố định hoặc được tạo ra khi chọn.

NuiDateRangePreset: Thuộc tính
Tên	Kiểu	Mặc định	Mô tả
`label`Thuộc tính	`string`		Tên của nó.
`range`Thuộc tính	`NuiDateRange \| (() => NuiDateRange)`		Khoảng ngày, hoặc một hàm tạo ra nó.