import { Component, OnInit, OnDestroy } from '@angular/core';

@Component({
    selector: 'cm-datePicker-doc',
    templateUrl: './datePicker-doc.component.html',
    styleUrls: ['./datePicker-doc.component.css']
})

export class DatePickerDocComponent implements OnInit, OnDestroy {
    
    apiPath = './docs/components/datePicker-doc/datePicker.api.json';

    doc_1 = {
        title: "基本",
        intro: `最简单的用法。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-1/datePicker-doc-1.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-1/datePicker-doc-1.component.ts'
    }

    doc_2 = {
        title: "日期格式",
        intro: `使用 nzFormat 属性，可以自定义你需要的日期显示格式，如 YYYY/MM/DD。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-2/datePicker-doc-2.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-2/datePicker-doc-2.component.ts'
    }

    doc_3 = {
        title: "三种大小",
        intro: `三种大小的输入框，大的用在表单中，中的为默认。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-3/datePicker-doc-3.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-3/datePicker-doc-3.component.ts'
    }

    doc_4 = {
        title: "日期时间选择",
        intro: `增加选择时间功能，当 nzShowTime 为一个对象时，其属性会传递给内建的 nz-timepicker。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-4/datePicker-doc-4.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-4/datePicker-doc-4.component.ts'
    }

    doc_5 = {
        title: "禁用",
        intro: `选择框的不可用状态。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-5/datePicker-doc-5.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-5/datePicker-doc-5.component.ts'
    }

    doc_6 = {
        title: "指定不可选择日期",
        intro: `设置 nzDisabledDate 方法，来确定不可选时段。
        如上例：不可选择今天之后的日期。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-6/datePicker-doc-6.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-6/datePicker-doc-6.component.ts'
    }

    doc_7 = {
        title: "日期范围",
        intro: `可以设置 nzDisabledDate 方法，来约束开始和结束日期。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-7/datePicker-doc-7.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-7/datePicker-doc-7.component.ts'
    }

    doc_8 = {
        title: "双面板选择日期范围",
        intro: `可以选择开始日期和结束日期。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-8/datePicker-doc-8.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-8/datePicker-doc-8.component.ts'
    }

    doc_9 = {
        title: "日期时间选择",
        intro: `增加选择时间功能，当 nzShowTime 为一个对象时，其属性会传递给内建的 nz-timepicker。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-9/datePicker-doc-9.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-9/datePicker-doc-9.component.ts'
    }

    doc_10 = {
        title: "日期范围指定不可选择日期",
        intro: `设置 nzDisabledDate 方法，来确定不可选时段。
        如上例：不可选择今天之后的日期。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-10/datePicker-doc-10.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-10/datePicker-doc-10.component.ts'
    }

    doc_11 = {
        title: "日期范围指定快捷方式",
        intro: `设置 cmtShortcutDate 属性，来确定快捷方式。`,
        htmlPath: './docs/components/datePicker-doc/datePicker-doc-11/datePicker-doc-11.component.html',
        tsPath: './docs/components/datePicker-doc/datePicker-doc-11/datePicker-doc-11.component.ts'
    }

    constructor() {
    }

    ngOnInit() {

    }

    ngOnDestroy() {

    }

}