Import
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';NuiCalendar
ปฏิทินสำหรับเลือกวัน
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
selectionInput | 'single' | 'range' | 'multiple' | 'single' | จำนวนวันที่เลือกได้ |
valueสองทาง | NuiDate | null | null | วันที่เลือก |
valuesสองทาง | NuiDate[] | [] | วันที่เลือกทั้งหมด เรียงตามลำดับ |
rangeสองทาง | NuiDateRange | null | null | ช่วงที่เลือก รวมวันที่ปลายทั้งสองด้าน |
monthสองทาง | NuiMonth | null | null | เดือนที่แสดงอยู่ หากแสดงหลายเดือนจะเป็นเดือนแรก |
viewสองทาง | 'day' | 'month' | 'year' | 'day' | มุมมองแบบวัน เดือน หรือปี |
min, maxInput | NuiDate | null | วันแรกและวันสุดท้ายที่เลือกได้ | |
unavailableInput | (date: NuiDate) => boolean | กันวันอื่นที่เลือกไม่ได้ออก เช่น วันหยุด | |
monthsInput | number | 1 | จำนวนเดือนที่แสดงเคียงกัน |
weekNumbersInput | boolean | false | แสดงหมายเลขสัปดาห์แบบ ISO |
firstDayInput | 1 … 7 | วันแรกของสัปดาห์ โดย 1 คือวันจันทร์ ค่าเริ่มต้นเป็นไปตาม locale | |
localeInput | string | LOCALE_ID | ใช้จัดรูปแบบชื่อและตัวเลข และกำหนดวันแรกของสัปดาห์ |
labelsInput | Partial<NuiCalendarLabels> | ข้อความทุกส่วนที่ปฏิทินแสดงหรือประกาศ สำหรับการแปล | |
cornersInput | NuiCorners | รูปทรงของมุม: round squircle bevel scoop notch หรือ square | |
radiusInput | NuiRadius | ขนาดของมุม: none small medium large หรือ full | |
densityInput | NuiDensity | พื้นที่ที่ใช้: compact regular หรือ roomy | |
pickedOutput | NuiDate | NuiDateRange | ส่งค่าออกมาทุกครั้งที่เลือก เป็นวันที่ หรือเป็นช่วงเมื่อเลือกครบแล้ว | |
focusDateเมธอด | (date?: NuiDate) => void | ย้ายโฟกัสของคีย์บอร์ดไปยังวันที่ระบุ และแสดงเดือนของวันนั้น |
Input สำหรับการปรับแต่งที่ไม่ได้กำหนดค่าไว้ จะใช้ค่าตาม attribute data-nui-* ที่อยู่ใกล้ที่สุด ดูคู่มือการปรับแต่ง
NuiDateRange
ช่วงวันที่
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
start, endพร็อพเพอร์ตี | NuiDate | วันแรกและวันสุดท้าย โดยรวมทั้งสองวัน |