ant-design-vue

2.0 KiB

Raw Blame History

category	type	subtitle	cols	title
Components	Data Display	日历	1	Calendar

按照日历形式展示数据的容器。

何时使用

当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。

API

**注意：**Calendar 部分 locale 是从 value 中读取，所以请先正确设置 moment 的 locale。

// 默认语言为 en-US，所以如果需要使用其他语言，推荐在入口文件全局设置 locale
// import moment from 'moment';
// import 'moment/locale/zh-cn';
// moment.locale('zh-cn');

<Calendar
  dateCellRender={dateCellRender}
  monthCellRender={monthCellRender}
  onPanelChange={onPanelChange}
  onSelect={onSelect}
/>

参数	说明	类型	默认值
dateCellRender	自定义渲染日期单元格，返回内容会被追加到单元格	function(date: moment): ReactNode	无
dateFullCellRender	自定义渲染日期单元格，返回内容覆盖单元格	function(date: moment): ReactNode	无
defaultValue	默认展示的日期	moment	默认日期
disabledDate	不可选择的日期	(currentDate: moment) => boolean	无
fullscreen	是否全屏显示	boolean	true
locale	国际化配置	object	默认配置
mode	初始模式，`month/year`	string	month
monthCellRender	自定义渲染月单元格，返回内容会被追加到单元格	function(date: moment): ReactNode	无
monthFullCellRender	自定义渲染月单元格，返回内容覆盖单元格	function(date: moment): ReactNode	无
value	展示日期	moment	当前日期
onPanelChange	日期面板变化回调	function(date: moment, mode: string)	无
onSelect	点击选择日期回调	function(date: moment）	无

2.0 KiB Raw Blame History Unescape Escape

何时使用

API

2.0 KiB

Raw Blame History