|
export class AppComponent {
public month: number = new Date().getMonth();
public fullYear: number = new Date().getFullYear();
public start: Date = new Date(this.fullYear, this.month, 5);
public startDate: Date = null;
onOpen(e: any, args: any) {
args.startValue = this.start;
}
onSelect(e: any, args: any) {
if (e.startDate.toDateString() != this.start.toDateString()) {
alert('Invalid Start Date!');
args.startValue = this.start;
var cells = document.querySelectorAll('.e-cell');
cells.forEach((cell) => {
var span = cell.querySelector('span');
var title = span.getAttribute('title');
if (new Date(title).toDateString() == this.start.toDateString()) {
cell.classList.add('e-start-date');
cell.classList.add('e-selected');
} else if (cell.classList.contains('e-start-date')) {
setTimeout(function () {
cell.classList.remove('e-selected');
}, 10);
}
});
}
}
onrenderDayCell(e: any, args: any) {
if (e.date <= this.start) {
e.isDisabled = true;
}
if (this.start.toDateString() == e.date.toDateString()) {
if (
e.element != null &&
!e.element.classList.contains('e-start-date') &&
!e.element.classList.contains('e-selected')
) {
e.element.classList.add('e-selected');
e.element.classList.add('e-start-date');
}
}
}
onBlur(args: any) {
if (args.endDate instanceof Date && !isNaN(args.endDate.valueOf())) {
document
.getElementsByClassName(
'e-input-group e-control-wrapper e-date-range-wrapper'
)[0]
.classList.remove('e-error');
}
}
}
|
