弧取器
现场直播
https://react-community.github.io/ picker/ 页面存档备份,存于互联网档案馆
安装
使用量
import Picker from 'rc-picker';
import 'rc-picker/assets/index.css';
import { render } from 'react-dom';
render(<Picker />, mountNode);
API 密码
拾取器
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 前缀 Cls | 字符串 | 弧取器 | 此组件的前缀Clus |
| 类Name | 字符串 | '' | 根多姆节点的额外 cs 类 |
| 样式 | 反应 CSS 财产 | root dom 节点的额外样式 | |
| 降级Name | 字符串 | '' | 适用于下拉的附加类Name |
| 下拉对齐 | 对象: 对齐配置 点对齐 | 值将被合并到设置的下拉配置 | |
| 弹出样式 | 反应 CSS 财产 | 自定义弹出样式 | |
| 过渡Name | 字符串 | '' | css 动画类 |
| 语言 | 对象 | 从“ rc- pickers/lib/locale/en US” 导入 | 弧取取器语言 |
| 只读输入 | 布尔 | 虚假 | 设置只读的输入 |
| 允许清除 | 布尔 { { 清除Icon? : 反应节点} | 虚假 | 是否显示清晰的按钮或自定义清晰的按钮 |
| 自动聚焦 | 布尔 | 虚假 | 是否自动聚焦 |
| 显示时间 | 布尔QQ对象 | 显示时间选项 | 以提供额外的时间选择 |
| 拾取器 | 时间 时间 日期 一周 月份 年份 | 控制显示哪类面板 | |
| 格式 | 字符串 QQ 字符串 [] | 取决于您是否设置时间选择器和您的语言 | 用于格式/分隔日期(没有时间)值到/从输入。 当提供数组时, 所有值都用于解析和显示的第一个值 |
| 使用12 路由 | 布尔 | 虚假 | 12小时显示模式 |
| 价值 | 瞬间 | 输入值等当前值 | |
| 默认值 | 瞬间 | 默认值像输入的默认值 | |
| 打开 | 布尔 | 虚假 | 当前采取器的开放状态。 受控道具 |
| 后缀Icon | 反应节点 | 自定义后缀图标 | |
| 预置Icon | 反应节点 | 自定义预览图标 | |
| 下一个Icon | 反应节点 | 下一个自定义图标 | |
| 超级PrevIcon | 反应节点 | 自定义超级预览图标 | |
| 超级下一个 | 反应节点 | 自定义超级下个图标 | |
| 已禁用 | 布尔 | 虚假 | 拾取器是否已禁用 |
| 占位符 | 字符串 | picker 输入的占位符 | |
| 获取 Popup 容器 | 函数( 触发) | 设置浮动层的容器,而默认的是在正文中创建一个 div 元素 | |
| 变化 | 函数( 日期: 瞬间, 日期: 字符串) | 调用函数,当选定时间发生变化时可以执行 | |
| 打开更改 | 函数( 打开: boolean) | 打开/ 关闭拾取器时调用 | |
| 焦点 | (活动: react.FocusEvent <HTML入门>). 无效 | 如输入在焦点上 | |
| 布莱尔 | (活动: react.FocusEvent <HTML入门>). 无效 | 像输入一样模糊 | |
| 键盘下 | (活动: react.KeyboardEvent <HTML入门>,防止默认:() QQ无效) QQ无效 | 输入按键下的事件 | |
| 方向 | 字符串: ltr 或 rtl | 拾取器组件的布局方向,它也支持RTL方向. |
拾取板
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 前缀 Cls | 字符串 | 弧取器 | 此组件的前缀Clus |
| 类Name | 字符串 | '' | root dom 的额外 cs 类 |
| 样式 | 反应 CSS 财产 | root dom 节点的额外样式 | |
| 语言 | 对象 | 从“ rc- pickers/lib/locale/en US” 导入 | 弧取取器语言 |
| 价值 | 瞬间 | 输入值等当前值 | |
| 默认值 | 瞬间 | 默认值像输入的默认值 | |
| 默认 PickerValue 选项 | 瞬间 | 设定默认显示取取取日期 | |
| 模式 | 时间 日期 时间 时间 时间 时间 日期 时间 时间 时间 时间 时间 时间 日期 时间 时间 时间 时间 时间 时间 时间 时间 时间 日期 日期 时间 时间 时间 时间 时间 时间 时间 时间 日期 时间 时间 时间 时间 时间 时间 时间 日期 时间 时间 时间 时间 时间 时间 时间 时间 时间 时间 日期 时间 时间 时间 日期 时间 时间 日期 时间 时间 时间 时间 日期 时间 日期 时间 时间 日期 日期 时间 时间 时间 时间 时间 日期 日期 时间 日期 日期 时间 日期 日期 时间 时间 时间 日期 日期 日期 日期 日期 日期 日期 日期 日期 日期 日期 时间 时间 日期 日期 日期 日期 日期 日期 日期 日期 日期 日期 日期 日期 | 控制哪类面板 | |
| 拾取器 | 时间 时间 日期 一周 月份 年份 | 控制哪类面板 | |
| 选项卡索引 | 数目 | 0 个 | 视图 选项卡索引 |
| 显示时间 | 布尔QQ对象 | 显示时间选项 | 以提供额外的时间选择 |
| 今天显示 | 布尔 | 虚假 | 是否显示今天按钮 |
| 禁用日期 | 函数( 日期: 动静) XQ布尔 | 是否禁用当前日期的选择 | |
| 日期显示器 | 函数( 当前日期: 移动, 今天: 移动) QQ 反应 节点 | 日期单元格自定义渲染函数 | |
| 月份计费器 | 函数( 当前 Date: moment, locale: Locale) QQ 反应 节点 | 自定义月单元格渲染方法 | |
| 制作ExtraFooter | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 反应 节点 | 额外页脚 | |
| 选择 | 函数( 日期: 瞬间) | 调用函数,可以在选定时间执行 | |
| 变相小组 | 函数( 值: 瞬间, 模式) | 选择面板模式时调用 | |
| 移动下 | (活动: 反应. MouseEvent <HTML入门>) QQ 无效 | 在 MouseDown 事件上执行时调用 | |
| 方向 | 字符串: ltr 或 rtl | 拾取器组件的布局方向,它也支持RTL方向. |
范围选择器
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 前缀 Cls | 字符串 | 弧取器 | 此组件的前缀Clus |
| 类Name | 字符串 | '' | root dom 的额外 cs 类 |
| 样式 | 反应 CSS 财产 | root dom 节点的额外样式 | |
| 语言 | 对象 | 从“ rc- pickers/lib/locale/en US” 导入 | 弧取取器语言 |
| 价值 | 瞬间 | 输入值等当前值 | |
| 默认值 | 瞬间 | 默认值像输入的默认值 | |
| 默认 PickerValue 选项 | 瞬间 | 设定默认显示取取取日期 | |
| 分隔符 | 字符串 | '~' (法语) | 在输入之间设置分隔符 |
| 拾取器 | 时间 时间 日期 一周 月份 年份 | 控制哪类面板 | |
| 占位符 | [打,打. ] | 日期输入的占位符 | |
| 显示时间 | 布尔QQ对象 | 显示时间选项 | 以提供额外的时间选择 |
| 显示时间。 默认值 | [一分,一分] | 设置选定日期的默认时间 | |
| 使用12 路由 | 布尔 | 虚假 | 12小时显示模式 |
| 禁用时间 | 函数( 日期: 瞬间, 类型 : “ start' QQ' end ”) : 对象 | ||
| 范围 | {字符串}{ [范围:字符串]:分 {{{{{{{{{{{{{{{}}}{{{{{{{{}}}}}{{时间: | 用于快速选择的预设范围 | |
| 格式 | 字符串 QQ 字符串 [] | 取决于您是否设置时间选择器和您的语言 | 用于格式/分隔日期(没有时间)值到/从输入。 当提供数组时, 所有值都用于解析和显示的第一个值 |
| 允许 | [布尔,布尔] | 允许区域拾取器清除文本 | |
| 可选择 | [布尔,布尔] | 是否为所选的拾取器 | |
| 已禁用 | 布尔 | 虚假 | 区域拾取器是否已禁用 |
| 变化 | 函数( 值: [moment], 格式化 String: [字符串, 字符串]) | 调用函数,当选定时间发生变化时可以执行 | |
| 在卡伦达尔变化中 | 函数( 值 : [moment], 格式化 String: [字符串, 字符串], 信息 : { 范围 :' start' {'end'} | 召回函数,可以在起始时间或结束时间变化时执行 | |
| 方向 | 字符串: ltr 或 rtl | 拾取器组件的布局方向,它也支持RTL方向. | |
| 顺序 | 布尔 | 真实 | (仅限时间选择) false 以禁用自动命令 |
显示时间选项
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 格式 | 字符串 | 瞬间格式 | |
| 显示路径 | 布尔 | 真实 | 是否显示时间 |
| 显示最小值 | 布尔 | 真实 | 是否显示分钟 |
| 显示第二 | 布尔 | 真实 | 是否显示第二个 |
| 使用12 路由 | 布尔 | 虚假 | 12小时显示模式 |
| 小时步骤 | 数目 | 1个 | 拾取器中的小时间隔 |
| 分钟步骤 | 数目 | 1个 | 拾取器的分数间隔 |
| 第二个步骤 | 数目 | 1个 | 拾取器中秒之间的间隔 |
| 隐藏已禁用选项 | 布尔 | 虚假 | 是否隐藏已禁用的选项 |
| 默认值 | 瞬间 | 无效 | 默认初始值 |
发展
npm install
npm start
许可证
根据麻省理工学院颁发的许可证,可释放rc-pickers.