TimePeriodPicker日期控件

author: 闫申申

定义

可选择当天0时至次日23时内30小时内（可设置）任意时间段区间。

图片展示

TimePeriodPicker 日期控件 - 图1

代码演示

  2. import Picker from 'pile/dist/components/picker'
  3. const  {TimePeriodPicker} = Picker
  5. <TimePeriodPicker
  6.   ref="timePeriodref"
  7.   textvalue=""
  8.   pickerAway = {(o)=>{
  9.     this.setState({
  10.       TimePeriodValue : o
  11.     })
  12.   }}
  13.   delay = {30}
  14.   open = {false}
  15.   titleName = "每日可用时间段"
  16. />

属性

参数 描述 数据类型 默认值
textvalue 默认文字 string
unit 第二天单位名称 string 次日
open 是否默认展开 bool false
pickerAway 选中后回调函数，返回值(o)，o：（array）个列所选中的内容，如：["15点","16点"]，数组的个数与选择器的列数相当 function
delay 延迟分钟（分钟） number 10
timeFrame 时间范围（小时） number 30
titleName 标题 string "每日可用时间段"
value 当前value值 array ["09:00","23:00"]

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-picker-timeperiodpicker.html