文档
日历
日历
一个允许用户输入和编辑日期的日期字段组件。
2024 年 9 月
| 周日 | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 |
|---|---|---|---|---|---|---|
关于
该 Calendar 组件构建于 React DayPicker 之上。
安装
npx shadcn@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> 组件来构建日期选择器。请参阅 日期选择器 页面以获取更多信息。