import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';

@Component({
  selector: 'app-date-comparison',
  template: `
    <div>
      <p>日期1: {{ date1 | date:'yyyy-MM-dd' }}</p>
      <p>日期2: {{ date2 | date:'yyyy-MM-dd' }}</p>
      <p>比较结果: {{ compareDates(date1, date2) }}</p>
    </div>
  `,
})
export class DateComparisonComponent {
  date1: Date;
  date2: Date;

  constructor(private datePipe: DatePipe) {
    this.date1 = new Date('2022-01-01');
    this.date2 = new Date('2022-02-01');
  }

  compareDates(date1: Date, date2: Date): string {
    const formattedDate1 = this.datePipe.transform(date1, 'yyyy-MM-dd');
    const formattedDate2 = this.datePipe.transform(date2, 'yyyy-MM-dd');

    if (date1.getTime() < date2.getTime()) {
      return `${formattedDate1} 在 ${formattedDate2} 之前`;
    } else if (date1.getTime() > date2.getTime()) {
      return `${formattedDate1} 在 ${formattedDate2} 之后`;
    } else {
      return `${formattedDate1} 和 ${formattedDate2} 相同`;
    }
  }
}