ant-design-vue/antdv-demo/docs/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	Version
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
headerRender	render custom header in panel	function(object:{value: moment, type: string, onChange: f(), onTypeChange: f()}) | slot-scope	-	1.5.0
valueFormat	optional, format of binding value. If not specified, the binding value will be a Date object	string，date formats	-	1.5.4

events

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