Docs
日历
日历
一个允许用户输入和编辑日期的日期字段组件。
January 2025
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
关于
Calendar 组件基于 React DayPicker 构建。
安装
npx shadcn-ui@latest add calendar用法
import { Calendar } from "@/components/ui/calendar"const [date, setDate] = React.useState<Date | undefined>(new Date())
return (
<Calendar
mode="single"
selected={date}
onSelect={setDate}
className="rounded-md border"
/>
)有关更多信息，请参见 React DayPicker 文档。
日期选择器
您可以使用 <Calendar> 组件来构建日期选择器。有关更多信息，请参见 日期选择器 页面。