import { Input, Output, EventEmitter, ViewChild, ElementRef, Directive, Renderer } from ‘@angular/core’;
declare var jQuery: any;
@Directive({
selector: ‘[myDatepicker]’
})
export class DatePicker {
@Input() value = ‘’;
@Input() minimumDate: boolean = false;
@Input() onlyDatePicker: boolean = false;
@Output() dateChange = new EventEmitter();
constructor(public el: ElementRef, public renderer: Renderer) { }
ngOnInit() {
if (this.onlyDatePicker === true) {
jQuery(this.el.nativeElement).datepicker({
controlType: ‘select’
, oneLine: true,
minDate: this.minimumDate === false ? ‘’ : new Date(),
onSelect: (value) => {
this.value = value;
this.dateChange.next(value);
}
})
.datepicker(‘setDate’, this.value);
}
else {
jQuery(this.el.nativeElement).datetimepicker({
controlType: ‘select’,
oneLine: true,
timeFormat: ‘hh:mm tt’,
minDate: this.minimumDate === false ? ‘’ : new Date(),
onSelect: (value) => {
this.value = value;
this.dateChange.next(value);
}
})
.datepicker(‘setDate’, this.value);}}}