import {Component, OnInit} from '@angular/core';
import {Day} from '../../../plugin/datepicker/ng-datepicker.component';

@Component({
  selector: 'app-demo-date-pick',
  templateUrl: './demo.date.picker.component.html',
  styleUrls: []
})
export class DemoDatePickerComponent implements OnInit {
  date: any = '2019-2'; // "2018/05/13"; // 给date赋值不会回调dateChangeEvent方法
  options = {
    minDate: new Date('2019-01-15'), // Minimal selectable date
    maxDate: new Date('2019-03-15'),  // Maximal selectable date
    width: '300px',
    offset: 'left',
    // format: 'YYYY-MM-DD hh:mm:ss', //此参数可选，默认只有年月日选择,YYYY-MM-DD:只显示年月日选择   YYYY-MM-DD hh:mm:ss:显示，年，月，日，时，分，秒
    // language: 'en', // zh|en
    // placeholder: '请选择我的日期',
    // now:'true'//是否显示'现在'按钮
  };

  constructor() {
  }

  ngOnInit() {
    setTimeout(function(){
      this.date = '2018-2';
    },1000);
  }

  dateChangeEvent(event) {
    console.log('datechangeevent', JSON.stringify(event));

  }

  // 清空日期
  clearDate(ev: any, obj: any) {
    obj.clearDate();
    // 手动触发的清除日期，不会回调dateChangeEvent方法
  }

}