Toggle navigation
首页
开始
组件
通用
Color 颜色
Grid 栅格
Font 字体
组件
List-group 列表组
Notification 通知提醒框
VirtualSelectBox 滚动下拉
Popovers 气泡卡片
InputDropdown Input 下拉框
Grid 布局系统
VirtualList 滚动加载
Clearfix 清除修订
MenuItem 菜单项
NavItem 导航条目
Nav 导航
NavDropdown 导航条
Alert 警告提示
DatePicker 日期选择器
Breadcrumb 面包屑
Navbar 导航条
Dropdown 下拉框
PanelGroup 面板组
Panel 面板
Well 消息墙
RangePicker 区间时间选择框
Icon 图标
Navigation 导航栏
Pagination 分页
DropdownButton 下拉框
SubMenu 级连菜单
TimePicker 时间选择框
Modal 对话框
Tree 树级组件
Switch 开关
Tabs 选项卡
Steps 步骤条
Button 按钮
Loader 加载器
UsageBar 使用量
Tooltip 文字提示
Badges 徽标数
RangePicker 区间时间选择框
2019-07-30
wangkailang
选定开始时间和结束时间输出时间区间。
使用场景
#
开始时间小于结束时间。
支持选择日期同时支持选择时间,精确到秒级别。
选择日期默认当天后的日期禁止选择。
支持中文、英文。默认可以根据浏览器的本地存储变量LOCALE决定切换。
支持区间(3 小时内、1 天内、1 周内、1 月内、3 月内)选择,选择区间会立即关闭选择面板。
代码演示
#
默认展示
展开代码
设置默认时间区间
展开代码
设置
showDuration
为
false
隐藏直接选择区间
展开代码
API
#
参数
类型
默认值
说明
disabled
bool
false
禁用
onChange
func
-
改变时间区间会触发 onChange 执行
onOk
func
-
点击确定会触发
format
string
'YYYY-MM-DD HH:mm:ss'
moment 格式化
showDuration
bool
true
是否展示直接选择区间
defaultValue
array
[]
← Well 消息墙
Icon 图标 →
使用场景
代码演示
API