import { Component, OnInit, SimpleChanges } from '@angular/core';
@Component({
    selector: 'farris-doc-time-picker',
    templateUrl: './time-picker-demo.component.html',
    styleUrls: ['./time-picker-demo.component.scss']
})
export class TimePickerDemoComponent implements OnInit {
    timeBase: string;
    timeStep: string;
    time2: string;
    time3: string;
    time4: string;
    time5: string;
    defaultOpenValue = new Date(0, 0, 0, 0, 0, 0);
    constructor() {}

    boxData = 'editable';
    separator = ';';
    timeData = [
        {
            propertiy: '[disabled]',
            default: 'false',
            type: 'boolean',
            description: '设置是否禁用组件'
        },
        {
            propertiy: '[readonly]',
            default: 'false',
            type: 'boolean',
            description: '设置是否组件只读'
        },
        {
            propertiy: '[editable]',
            default: 'true',
            type: 'boolean',
            description: '设置组件是否可以键入'
        },
        {
            propertiy: '[use12Hours]',
            default: 'false',
            type: 'boolean',
            description: '是否启用12小时制'
        },
        {
            propertiy: '[hourStep]',
            default: '1',
            type: 'number',
            description: '小时步进值'
        },
        {
            propertiy: '[minuteStep]',
            default: '1',
            type: 'number',
            description: '分钟步进值'
        },
        {
            propertiy: '[secondStep]',
            default: '1',
            type: 'number',
            description: '秒步进值'
        },
        {
            propertiy: '[disabledHours]',
            default: '-',
            type: '() => number[]',
            description: '禁用的小时'
        },
        {
            propertiy: '[disabledMinutes]',
            default: '-',
            type: '(hour: number) => number[]',
            description: '禁用指定小时的分钟'
        },
        {
            propertiy: '[disabledSeconds]',
            default: '-',
            type: '(hour: number, minute: number) => number[]',
            description: '禁用指定小时分钟的秒'
        },
        {
            propertiy: '[format]',
            default: 'HH:mm:ss',
            type: 'string',
            description: '显示格式及返回值格式'
        },
        {
            propertiy: '(valueChange)',
            default: '-',
            type: 'EventEmitter<string>',
            description: '值变化事件'
        }
    ];
    ngOnInit(): void {}
    has(val: string) {
        return this.boxData.indexOf(val) > -1;
    }
    disabledHours() {
        return [2, 4, 7];
    }
    disabledMinutes(hour: number) {
        return [22, 43, 54];
    }
    disabledSeconds(hour: number, minute: number) {
        return [12, 43, 54];
    }
    onValueChange(e) {
        console.log(e);
    }
}