RangePicker 区间时间选择框

2019-07-30wangkailang

选定开始时间和结束时间输出时间区间。

使用场景#

  1. 开始时间小于结束时间。
  2. 支持选择日期同时支持选择时间,精确到秒级别。
  3. 选择日期默认当天后的日期禁止选择。
  4. 支持中文、英文。默认可以根据浏览器的本地存储变量LOCALE决定切换。
  5. 支持区间(3 小时内、1 天内、1 周内、1 月内、3 月内)选择,选择区间会立即关闭选择面板。

代码演示#

  1. 默认展示
  1. 设置默认时间区间
  1. 设置 showDurationfalse 隐藏直接选择区间

API#

参数类型默认值说明
disabledboolfalse禁用
onChangefunc-改变时间区间会触发 onChange 执行
onOkfunc-点击确定会触发
formatstring'YYYY-MM-DD HH:mm:ss'moment 格式化
showDurationbooltrue是否展示直接选择区间
defaultValuearray[]