import { Component, OnInit, LOCALE_ID, Inject } from '@angular/core';
import { ShowType } from 'projects/datepicker/src/public-api';
import { Propertiy } from 'src/app/interface/propertiy-interface';
import { Others } from 'src/app/interface/ohters-interface';
import properties from './config'

@Component({
    selector: 'datepicker-demo',
    templateUrl: 'datepicker-demo.component.html'
})
export class DatepickerDemoComponent implements OnInit {
    properties: Array<Propertiy> = properties;
    others: Array<Others> = [];
    singleDate9 = new Date(); //'2020-09-09';
    codePath = {
        baseDemo: 'assets/codes/datepicker/baseDemo',
        rangeDate: 'assets/codes/datepicker/dateRange',
        selectMonth: 'assets/codes/datepicker/selectMonth',
        showTime: 'assets/codes/datepicker/showTime',
        selectYear: 'assets/codes/datepicker/selectYear',
        selectWeek: 'assets/codes/datepicker/selectWeek',
        all: 'assets/codes/datepicker/all'
    };
    prefix = 'assets/codes/datepicker/';
    singleDate = '2020-08-09';  // new Date(2019, 10, 10, 22, 12, 10);
    singleDateInput: Date;
    rangeDateStr = '20191009~20191121';
    beginValue = '20200505'; // new Date(2020, 4, 26)
    endValue = '20200525'; // new Date(2020, 4, 29)
    rangeDate = {
        begin: new Date(2019, 9, 10),
        end: new Date(2019, 9, 20)
    };
    rangeTime = {
        begin: new Date(2019, 9, 10),
        end: new Date(2019, 9, 20)
    };
    month = '201910~201912';
    month1 = '201910';
    monthRange = {
        begin: new Date(2019, 7),
        end: new Date(2019, 10)
    };
    year = new Date(2019);
    yearRange = {
        begin: new Date(2019),
        end: new Date(2049)
    };
    week = {
        begin: new Date(2019, 7, 5),
        end: new Date(2019, 7, 11)
    };
    time = new Date(2019, 9, 10); // '2019-08-08T10:10:10';
    boxData = 'editable';
    // maxDate = new Date(2020, 5, 17, 1, 2, 3);
    maxDate = '';
    minDate = new Date(2020, 10, 17, 1, 2, 3);

    maxDate1 = '';
    minDate1 = new Date(2020, 10, 17, 1, 2, 3);

    // 自定义日期时间最小值
    startDate = new Date(1840, 1, 1, 0, 0, 0);
    // 自定义日期时间最大值
    endDate = new Date(10000, 1, 1, 0, 0, 0);
    monthRangeValue = 1;

    dymaxDate = new Date(2020, 10, 17, 1, 2, 3);
    dyminDate = new Date(2020, 8, 17, 1, 2, 3);
    opts = {
        disabled: false,
        readonly: false,
        editable: true,
        dateRange: false,
        showTime: false,
        showType: ShowType.all,
        locale: 'zh-cn',
        dateFormat: 'mm/dd/yyyy',
        placeholder: '请选择日期',
        maxDate: {
            year: 2020,
            month: 7,
            day: 13
        },
        minDate: {
            year: 2020,
            month: 7,
            day: 11
        },
        dateRangeDatesDelimiter: '~',
        isUse12HoursFormat: true,
        shortcuts: [
            {
                text: '今天',
                onClick(setTime) {
                    setTime.emit(new Date());
                }
            },
            {
                text: '昨天到今天',
                onClick(setTime) {
                    setTime.emit({
                        begin: new Date(
                            new Date().getTime() - 3600 * 1000 * 24
                        ),
                        end: new Date()
                    });
                }
            },
            {
                text: '一周前',
                onClick(setTime) {
                    setTime.emit(
                        new Date(new Date().getTime() - 3600 * 1000 * 24 * 7)
                    );
                }
            }
        ]
    };

    constructor(@Inject(LOCALE_ID) protected localeId) { }

    has(val: string) {
        return this.boxData.indexOf(val) > -1;
    }
    ngOnInit() {
        console.log(this.localeId)
    }

    // optional date changed callback
    onValueChanged(event: any): void {
        console.log(event);
    }
    onCheckboxChange(value: any) {
        // this.maxDate = new Date('2020-04-11')
    }
    onBeginValueChanged(event: any): void {
        this.beginValue = event
    }
    onEndValueChanged(event: any): void {
        this.endValue = event
    }
    onDyPrevValueChanged(event: any): void {
        console.log(event)
        this.dymaxDate = event.jsDate
    }
    onDyNextValueChanged(event: any): void {
        console.log(event)
        this.dyminDate = event.jsDate
    }

    setMaxDate() {
        this.maxDate1 = '2020-11-11';
    }

    setMinDate() {
        this.minDate1 = new Date(2020, 10, 1, 0,0,0);
    }
    showType2 = 3;

}