HammerHammer

月份选择器

支持选择月份与年份的日期选择组件。

Open in v0

最后更新:2026/02/04 21:25:01

Open preview in new tab

使用方式

import { MonthDatepicker } from "@chaos-design/month-datepicker";

在 shadcn/ui 中使用

  1. 安装依赖
npm install @chaos-design/month-datepicker
  1. 在组件中使用
import { MonthDatepicker } from "@chaos-design/month-datepicker";

export default function Demo() {
  return <MonthDatepicker />;
}

Props

属性类型默认值说明
classNamestring-自定义类名。
classNamesMonthDatepickerClassNames-内部组件自定义类名。
currentDateDate-当前选中日期。
onMonthSelect(date: Date) => void-月份选择回调。
localeLocale-日期语言包 (from date-fns)。

MonthDatepickerClassNames

属性类型说明
headerstring头部区域。
monthGridstring月份网格容器。
monthButtonstring月份按钮。
yearGridstring年份网格容器。
yearButtonstring年份按钮。

On this page