Import
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';NuiCalendar
Một lịch để chọn ngày.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
selectionInput | 'single' | 'range' | 'multiple' | 'single' | Có thể chọn bao nhiêu ngày. |
valueHai chiều | NuiDate | null | null | Ngày được chọn. |
valuesHai chiều | NuiDate[] | [] | Các ngày được chọn, theo thứ tự. |
rangeHai chiều | NuiDateRange | null | null | Khoảng ngày được chọn, bao gồm cả hai đầu. |
monthHai chiều | NuiMonth | null | null | Tháng đang hiển thị; là tháng đầu tiên nếu hiển thị nhiều tháng. |
viewHai chiều | 'day' | 'month' | 'year' | 'day' | Ngày, tháng hoặc năm. |
min, maxInput | NuiDate | null | Ngày đầu tiên và cuối cùng có thể chọn. | |
unavailableInput | (date: NuiDate) => boolean | Loại trừ các ngày khác, chẳng hạn ngày lễ. | |
monthsInput | number | 1 | Số tháng hiển thị cạnh nhau. |
weekNumbersInput | boolean | false | Hiển thị số tuần ISO. |
firstDayInput | 1 … 7 | Ngày đầu tuần, 1 là thứ Hai. Mặc định theo locale. | |
localeInput | string | LOCALE_ID | Định dạng tên và chữ số, và chọn ngày đầu tuần. |
labelsInput | Partial<NuiCalendarLabels> | Mọi văn bản mà lịch hiển thị hoặc đọc lên, để dịch. | |
cornersInput | NuiCorners | Hình dạng các góc: round, squircle, bevel, scoop, notch hoặc square. | |
radiusInput | NuiRadius | Mức bo góc: none, small, medium, large hoặc full. | |
densityInput | NuiDensity | Lượng không gian mà component chiếm: compact, regular hoặc roomy. | |
pickedOutput | NuiDate | NuiDateRange | Phát ra mỗi lựa chọn: một ngày, hoặc một khoảng ngày khi đã hoàn tất. | |
focusDatePhương thức | (date?: NuiDate) => void | Chuyển focus bàn phím tới một ngày và hiển thị tháng của ngày đó. |
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.
NuiDateRange
Một khoảng ngày.
| Tên | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
start, endThuộc tính | NuiDate | Ngày đầu tiên và cuối cùng, bao gồm cả hai. |