@rax-ui/date-picker NPM | npm.io

1.0.0-beta.62 • Published 3 years ago

Install

Weekly downloads

51

License

-

Repository

Last release

3 years ago

display: Date Picker

family: Form

DatePicker

用于选择日期或者时间

API

Props

名称	说明	类型	默认值
type	类型可选值： `date`, `time`, `dateime`, `year`, `month`	enum	`date`
maxDate	最大时间	Date;
maxDate	可选的最大日期	Date	`new Date(new Date().getFullYear() + 20, 11, 31, 23, 59, 59, 999)`
minDate	可选的最小日期	Date	`new Date(2000, 0, 1, 0, 0, 0, 0)`
use12Hours	是否使用 12 小时制	bool	false
selectSecond	是否可以选择秒	bool	false
format	时间格式化显示, 格式化函数基于 `dayjs` 实现	string/func	`getDefaultFormat`
label	选择框文本	node
labelWidth	label 宽度	string	auto
actionIcon	选择框右侧的图标	node	'dropdown-down'
value	选择框的值（受控）	Date
defaultValue	选择框的值（非受控）	Date
disabled	是否被禁用	bool	false
solo	是否只显示选择框内容（不包含 label 和 errorText 、HelpText）	bool	false
outline	是否显示边框	bool	false
placeholder	选择框的提示文案	string
helpText	选择框底部的帮助文案	node
errorText	选择框底部的错误文案（设置此项后，选择框变为 `error` 状态，helpText 无效）	node
align	选择框内容对齐方向可选值： `left`，`center`，`right`	enum	`left`
prepend	选择框的前置内容	node
append	选择框的后置内容	node
clear	是否可以被清除	bool	false
title	选择器的标题文案	string
renderSelection	渲染已选择的内容	(value: any, valueLabel: any) => RaxNode
onChange	选择之后的回调	(value: Date): void
onFocus	focus 事件的回调	():void
onBlur	blur 事件的回调	():void
onShow	选择器打开时的回调	():void
onHide	选择器关闭时的回调	():void

CSS API

Select CSS

Rax rax-component

@rax-ui/locale @rax-ui/select @rax-ui/styles dayjs rax-text rax-view universal-env

@infinitebrahmanuniverse/nolb-_rax @everything-registry/sub-chunk-760 @zalastax/nolb-_rax

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago