0.2.69 • Published 6 years ago

@beisen/time-picker v0.2.69

Weekly downloads
4
License
ISC
Repository
gitlab
Last release
6 years ago

time-picker 使用说明

项目运行

  1. cnpm install 或 npm install cnpm使用教程

  2. npm run dev (开发环境打包 port:8080)

  3. npm run test (测试用例)

  4. npm run build (生产环境打包)

time-picker参数

const props = {

  title: '测试时测试按错撒',

  /**
   * 时间的值
   */
  value: '', //

  /**
   * 初始默认时间
   * 默认日期的格式需与format格式相同
   */
  defaultValue: '',

  /**
   * 没有值的时候显示的内容
   */
  placeholder: '大家好',

  /**
   * 展示的时间格式
   * HH:mm:ss
   * HH:mm
   * mm:ss
   */
  format: 'HH:mm',

  /**
   * 禁用全部操作
   */
  disabled: false,
  /**
   * 是否隐藏
   */

  hidden: false,

  /**
   * 是否只读
   */
  readonly: true,

  /**
   * 是否必填
   */
  required: true,

  open: false,

  /**
   * 不可选择的小时范围
   */
  disabledHours: {

    /**
     * [开始时间(小时),结束时间(小时)]
     * 范围:0~24
     */
    value: [22, 3],

    /**
     * 是否启用该限制规则
     * open  启用限制
     * close 关闭限制
     */
    limit: 'close'
  },

  /**
   * 不可选择的分钟范围
   */
  disabledMinutes: {

    /**
     * [开始时间(分钟),结束时间(分钟)]
     * 范围:0~60
     */
    value: [
      [13, 18],
      [40, 10]
    ],

    /**
     * 是否启用该限制规则
     * open  启用限制
     * close 关闭限制
     */
    limit: 'open'
  },

  /**
   * 不可选择的秒范围
   * 配置规范同分钟
   */
  disabledSeconds: {
    value: [0, 30],
    limit: 'close'
  },

  /**
   * 外部包围输入框的大小
   * 可选:large  small
   */
  size: '',

  /**
   * 隐藏禁止选择的选项
   */
  hideDisabledOptions: false,

  /**
   * 显示状态 
   * search或''
   */
  showStatus: '',

  /**
   * 是否报错
   */
  errorStatus: false,

  /**
   * 报错信息
   */
  errorMsg: '出错了~~~!',
  helpMsg: 'dqwdqwdqw',

  /**
   * 控制外层close按钮是否显示
   * 非必需参数
   */
  closeBtn: false,

  /**
   * label位置
   * true  左边
   * false 上边
   */
  lablePos: true,

  /**
   * label中文字对齐方式
   * true  左对齐
   * false 右对齐
   */
  lableTxt: false,

  /**
   * 点击时间后回调
   */
  onChange: function (time, booldata) {
    console.log(time, booldata)
  },

  /**
   * 弹层出现回调
   */
  onOpen: function (bool) {
    console.log(bool)
  },

  /**
   * 弹层关闭回调
   */
  onClose: function (bool) {
    console.log(bool)
  },
  translation: {
      localeName: 'zh_CN' //多语言参数
  }
}

TimePicker调用方法

1.安装npm组件包

npm install @beisen/time-picker --save-dev

2.引用组件

import TimePicker from "@beisen/time-picker"
  1. 传入参数

    该参数为上述参数,传入方式使用:

    render () {
        return (
          <TimePicker {...this.state} />
        )
      }
0.2.69

6 years ago

0.2.68

6 years ago

0.2.67

6 years ago

0.2.66

6 years ago

0.2.57-1

6 years ago

0.2.65

6 years ago

0.2.64-1

6 years ago

0.2.58-2

7 years ago

0.2.58-1

7 years ago

0.2.57

7 years ago

0.2.56

7 years ago

0.2.55

7 years ago

0.2.54

7 years ago

0.2.53

7 years ago

0.2.52

7 years ago

0.2.51

7 years ago

0.2.50

7 years ago

0.2.49

7 years ago

0.2.48

7 years ago

0.2.47

7 years ago

0.2.46

7 years ago

0.0.4-2

7 years ago

0.0.4-1

7 years ago

0.2.45

8 years ago

0.2.44

8 years ago

0.2.43

8 years ago

0.2.42

8 years ago

0.2.41

8 years ago

0.2.40

8 years ago

0.2.39

8 years ago

0.2.38

8 years ago

0.2.37

8 years ago

0.2.36

8 years ago

0.2.35

8 years ago

0.2.34

8 years ago

0.2.33

8 years ago

0.2.32

8 years ago

0.2.31

8 years ago

0.2.30

8 years ago

0.2.29

8 years ago

0.2.28

8 years ago

0.2.27

8 years ago

0.2.26

8 years ago

0.2.25

8 years ago

0.2.22

8 years ago

0.2.21

8 years ago

0.2.2

8 years ago

0.2.1

8 years ago

0.2.0

8 years ago

0.1.99

8 years ago

0.1.98

8 years ago

0.1.97

8 years ago

0.1.96

8 years ago

0.1.95

8 years ago

0.1.94

8 years ago

0.1.93

8 years ago

0.1.92

8 years ago

0.1.91

8 years ago

0.1.90

8 years ago

0.1.87

8 years ago

0.1.86

8 years ago

0.1.85

8 years ago

0.1.84

8 years ago

0.1.83

8 years ago

0.1.82

8 years ago

0.1.81

8 years ago

0.1.80

8 years ago

0.1.79

8 years ago

0.1.78

8 years ago

0.1.77

8 years ago

0.1.76

8 years ago

0.1.75

8 years ago

0.1.74

8 years ago

0.1.73

8 years ago

0.1.72

8 years ago

0.1.71

8 years ago

0.1.70

8 years ago

0.1.69

8 years ago

0.1.68

8 years ago

0.1.67

8 years ago

0.1.66

8 years ago

0.1.65

8 years ago

0.1.64

8 years ago

0.1.63

8 years ago