1.0.4 • Published 7 years ago

first-time-picker v1.0.4

Weekly downloads
1
License
ISC
Repository
-
Last release
7 years ago

TimePicker

时间选择器 同antd不再做描述

MaxMinTimePicker

可设置最大值最小值

DefaultEnd

设置开始时间后 根据 课程时长 计算结束时间 DefaultEnd

Screenshots

设置开始时间后 根据 课程时长 计算结束时间 image

Install

npm i --save first-time-picker

Usage

import { MaxMinTimePicker, DefaultEnd } from 'first-time-picker';

MaxMinTimePicker

<MaxMinTimePicker value={value}
placeholder="开始时间"
format='HH:mm'
onChange={(time,value)=>console.log(time,value)}
max="23:25:00"
/>

DefaultEnd

<DefaultEnd
start_time={start_time}
course_leng={40}
onChange={(start_time,end_time)=>this.setState({start_time,end_time})} />

API

props

MaxMinTimePicker

nametypedefaultdescription
valuestring-选择的时间 如10:00:00
formatstring'HH:mm'时间格式
minuteStepnumber5分钟选项间隔
placeholderstring-没有值的时候显示的内容
onChangefun-change时的回调 返回(time: moment, timeString: string)
maxstring-最大可选时间 如'23:25:00'
minstring-最大可选时间 如'06:25:00'
disabledboolean-是否不可用
styleobject-样式

DefaultEnd

nametypedefaultdescription
start_timestring-开始时间 如10:00:00
course_lengnumber-课程时长 如40
onChangefun-change时的回调 返回(start_time, end_time)
styleobject-样式
classNamestring-样式
1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago