0.1.62 • Published 7 years ago
@beisen/TimePicker v0.1.62
TimePicker 使用说明
项目运行
cnpm install 或 npm install cnpm使用教程
npm run dev (开发环境打包 port:8080)
npm run test (测试用例)
npm run build (生产环境打包)
TimePicker参数
state = {
"title":"测试时测试按错撒"
,"value":"11:11:11" //时间的值
,"defaultValue":"" /**初始默认时间(string)
1.默认日期的格式需与format格式相同!!!!
**/
,"placeholder":"测试" /**没有值的时候显示的内容(string)**/
,"format":"HH:mm:ss" /**展示的时间格式 "HH:mm:ss"、"HH:mm"、"mm:ss" (string)**/
,"disabled":false /**禁用全部操作 (bool)**/
,"hidden":false /**是否隐藏**/
,"readonly":false /**是否只读**/
,"required":true /**是否必填**/
,"disabledHours":{
"value":[22,3]
,"limit":"open"
}
/**限制选择部分 小时选项(array)
[开始时间(小时),结束时间(小时)]
limit: open 启用限制
close 关闭限制
范围:0~24
结束时间可小于开始时间
**/
,"disabledMinutes":{
"value":[40,10]
,"limit":"open"
} /**限制选择部分 分钟选项(array)
value:[开始分钟,结束分钟]
limit: open 启用限制
close 关闭限制
范围:0~60
结束时间可小于开始时间
**/
,"disabledSeconds":{ /**限制选择部分 秒选项(array) ,配置规范同分钟**/
"value":[0,30]
,"limit":"open"
}
,"hideDisabledOptions":false /**隐藏禁止选择的选项 (bool)**/
,"showStatus":"是否报错" //显示状态 "search" or ""
,"errorStatus":false //是否报错
,"errorMsg":"出错了~~~!" //报错信息
,"onChange":function(time,booldata){console.log(time,booldata)} /**点击后时间回调**/
}
TimePicker调用方法
引用组件
import TimePicker from "./src/index"
传入参数
该参数为上述参数,传入方式使用:
render () { return ( <TimePicker {...this.state} /> ) }
0.1.62
7 years ago
0.1.61
7 years ago
0.1.60
7 years ago
0.1.59
7 years ago
0.1.58
7 years ago
0.1.57
7 years ago
0.1.56
7 years ago
0.1.55
7 years ago
0.1.54
7 years ago
0.1.53
7 years ago
0.0.1-55
7 years ago
0.0.1-54
7 years ago
0.0.1-53
7 years ago
0.0.1-52
7 years ago
0.0.1-51
7 years ago
0.0.1-50
7 years ago
0.1.27
8 years ago
0.1.26
8 years ago
0.1.25
8 years ago
0.1.24
8 years ago
0.1.23
8 years ago
0.1.21
8 years ago
0.1.20
8 years ago
0.1.16
8 years ago
0.1.19
8 years ago
0.1.18
8 years ago
0.1.52
8 years ago