ant-design-vue/components/calendar/index.en-US.md

API

Note: Part of the Calendar's locale is read from value. So, please set the locale of moment correctly.

// The default locale is en-US, if you want to use other locale, just set locale in entry file globally.
// import moment from 'moment';
// import 'moment/locale/zh-cn';
// moment.locale('zh-cn');

<a-calendar
  @panelChange="onPanelChange"
  @select="onSelect"
>
  <template slot="dateCellRender" slot-scope="value"></template>
  <template slot="monthCellRender" slot-scope="value"></template>
</a-calendar>

customize the progress dot by setting a scoped slot

Property	Description	Type	Default
dateCellRender	Customize the display of the date cell by setting a scoped slot, the returned content will be appended to the cell	function(date: moment)	-
dateFullCellRender	Customize the display of the date cell by setting a scoped slot, the returned content will override the cell	function(date: moment)	-
defaultValue	The date selected by default	moment	default date
disabledDate	Function that specifies the dates that cannot be selected	(currentDate: moment) => boolean	-
fullscreen	Whether to display in full-screen	boolean	true
locale	The calendar's locale	object	default
mode	The display mode of the calendar	month | year	month
monthCellRender	Customize the display of the month cell by setting a scoped slot, the returned content will be appended to the cell	function(date: moment)	-
monthFullCellRender	Customize the display of the month cell by setting a scoped slot, the returned content will override the cell	function(date: moment)	-
validRange	to set valid range	[moment, moment]	-
value(v-model)	The current selected date	moment	current date

events

Events Name	Description	Arguments
panelChange	Callback for when panel changes	function(date: moment, mode: string)
select	Callback for when a date is selected	function(date: moment）
change	Callback for when value change	function(date: moment）