时间 TimePicker
issue

时间输入框

何时使用

选择时间

如何使用


import TimePicker from 'bee-timepicker';
import 'bee-timepicker/build/TimePicker.css';

能力特性

API

参数 说明 类型 默认值
prefixCls prefixCls of this component String 'rc-time-picker'
clearText clear tooltip of icon String 'clear'
disabled 禁用时间组件 Boolean false
allowEmpty 允许为空 Boolean true
open current open state of picker. controlled prop Boolean false
defaultValue 默认值 moment null
defaultOpenValue 默认打开的值 moment moment()
value 当前值 moment null
placeholder 输入框的placeholder String ''
className time picker className String ''
popupClassName 弹出面板的ClassName String ''
showHour 显示小时 Boolean true
showMinute 显示分钟 Boolean true
showSecond 显示秒 Boolean true
format 格式化 String 'h:mm:ss a'
disabledHours 禁用的小时 Function -
disabledMinutes 禁用的分钟 Function -
disabledSeconds 禁用的秒 Function -
use12Hours 切换12小时制 Boolean false
hideDisabledOptions 是否隐藏禁用选项 Boolean false
onChange 改变时的回调行数 Function null
addon 从时间选择面板称为渲染一些插件在它的底部,像一个OK按钮。接收板实例作为参数 Function -
placement one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'] String bottomLeft
transitionName - String ''
name 设置input的name属性 String -
onOpen 打开时的回调 Function({ open }) -
onClose 关闭时的回调 Function({ open }) -
getPopupContainer 定义浮层的容器,默认为 body 上新建 div Function -
showClear 是否显示清空按钮 Boolean true
inputIcon 设置输入框中的图标按钮 node -

注意事项

暂无

更新日志

  • v2.0.14 2020-04-24 ( release地址 )

    Bug Fixes

  • v2.0.5 2019-09-04 ( release地址 )

    • bee-timepicker @2.0.5
      • [Fixbug]disabled 状态不显示清空按钮。
      • [Feature]增加 showClear 参数,控制清空按钮是否显示。
  • v2.0.4 2019-05-30 ( release地址 )

    • bee-timepicker @2.0.4
      • [Fixbug]设置 12 小时制的时间选择面板样式错乱问题
  • v2.0.3 2019-04-25 ( release地址 )

    • [Feature] bee-timepicker @2.0.3
      • 新增onKeyDown回调
  • v2.0.2 2019-03-19 ( release地址 )

    bee-timepicker v2.0.2升级内容

    • [Feature]bee-timepicker @2.0.2
      • 选中背景色统一为 #FFF7E7
      • 文字色统一为 #212121
      • 禁用文字色统一为 #909090