@beisen-phoenix/date-picker NPM

DatePicker 参数

参数	说明	类型	默认值
extraCls	根节点的自定义className,一般用来自定义样式使用	string
lang	面板语言`zhCN/zhTW/enUS`,可以通过此参数来设置组件的国际化	string	'zhCN'
locale	自定义面板的语言信息,该参数的优先级高于lang	object	-
format	设置日期格式，为数组时支持多格式匹配，展示以第一个为准。配置参考 moment.js	string \| string[]	"YYYY-MM-DD"
value	日期	`string` 或moment (http://momentjs.com/) 受控模式下使用	无
defaultValue	日期	`string` 或moment (http://momentjs.com/) 非受控模式下使用	无
showDateInput	是否显示日期输入框	Boolean	true
showWeekNumber	是否展示第几周	boolean	true
showToday	是否展示“今天”按钮	boolean	true
showOk	是否展示“确定”按钮	boolean	true
dateInputPlaceholder	输入框提示文字	string	请输入日期
dateRender	自定义日期单元格的内容	function(currentDate: moment, value: moment) => React.ReactNode	-
renderSidebar	在面板中添加额外的页头	(mode) => React.Node	-
renderFooter	在面板中添加额外的页脚	(mode) => React.Node	-
disabledDate	不可选择的日期	(currentDate: moment) => boolean	无
onSelect	选择日期变化时的回调	function(date: moment)	无
onClear	日期清空时的回调	function()	无
onChange	内部日期变化时的回调（前后一个月，前后一年等）	function(date: moment)	无
onPanelChange	日历面板切换的回调	function(value, mode)	-
onOk	点击确定按钮的回调	function(date: moment)	-
clearIcon	自定义的清除图标	() => React.ReactNode

DateRangePicker 参数

参数	说明	类型	默认值	版本
extraCls	根节点的自定义className,一般用来自定义样式使用	string
lang	面板语言	`zhCN/zhTW/enUS`	'zhCN'
locale	自定义面板的语言信息,该参数的优先级高于lang	object	-
format	设置日期格式	Moment[]	string[]
value	日期	Moment[]	string[]	无
defaultValue	日期	Moment[]	string[]	无
showDateInput	是否显示日期输入框	Boolean	true
showWeekNumber	是否展示第几周	boolean	true
showToday	是否展示“今天”按钮	boolean	true
showOk	是否展示“确定”按钮	boolean	true
dateInputPlaceholder	输入框提示文字	string/string[]	请输入日期
showClear	是否显示清除按钮，当输入框中有值且该参数为true时显示清除按钮	boolean	true
disabledDate	不可选择的日期	(currentDate: moment) => boolean	无
renderSidebar	在面板中添加额外的页头	(mode) => React.Node	-
renderFooter	在面板中添加额外的页脚	(mode) => React.Node	-
onClear	日期清空时的回调	function()	无
onSelect	选择日期变化时的回调	function(date: moment[])	无
onOk	点击确定按钮的回调	function(date: moment)	-
onChange	内部日期变化时的回调（前后一个月，前后一年等）	function(date: moment[])	无
onPanelChange	日历面板切换的回调	function(value:moment[], mode)	-
clearIcon	自定义的清除图标	() => React.ReactNode

MonthPicker 参数

参数	说明	类型	默认值
extraCls	根节点的自定义className,一般用来自定义样式使用	string
lang	面板语言	`zhCN/zhTW/enUS`	'zhCN'
locale	自定义面板的语言信息,该参数的优先级高于lang	object	-
value	日期	`string` 或moment (http://momentjs.com/) 受控模式下使用	无
defaultValue	日期	`string` 或moment (http://momentjs.com/) 非受控模式下使用	无
disabledDate	不可选择的日期	(currentDate: moment) => boolean	无
renderFooter	在面板中添加额外的页脚	(mode) => React.Node	-
onChange	内部日期变化时的回调（前后一个月，前后一年等）	function(date: moment)	无
onSelect	选择日期变化时的回调	function(date: moment)	无