Prime ng 日历 UTC

看看这是否有效：

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

@Component({
  SELEctor: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css'],})
export class AppComponent {
  dates: UTCDate[] = [];

  days: UTCDate[] = [];

  constructor() {
    for (var i = 0; i < 24; i+= 3) {
      this.dates.push(new UTCDate(new Date(Date.UTC(2018,1,i))));
    }

    for (var j = 1; j < 28; j+= 3) {
      this.days.push(new UTCDate(new Date(Date.UTC(2018,j))));
    }
  }
}

class UTCDate {
  private boundDateBACker: Date;
  constructor(private dateInstance: DatE) {
    this.boundDateBACker = thiS.UtcToLocal(dateInstancE);
  }

  public get boundDate(): Date {
    return this.boundDateBACker;
  }
  public set boundDate(value: DatE) {
    if (value) {
      this.dateInstance.setTime(this.localToUtc(value).getTime());
      const newTime = value.getTime();
      if (newTime !== this.boundDateBACker.getTime()) {
        this.boundDateBACker.setTime(newTimE);
      }
    }
  }

  private localToUtc(date: DatE): Date {
    return new Date(Date.UTC(date.getFullYear(),date.getMonth(),date.getDate(),date.getHours(),date.getminutes(),date.getSeconds()));
  }

  private utcToLocal(date: DatE): Date {
    return new Date(date.getUTCFullYear(),date.getUTCMonth(),date.getUTCDate(),date.getUTCHours(),date.getUTCminutes(),date.getUTCSeconds());
  }
}

不是我写的，是在寻找utc问题的解决方案时发现的。我还没有测试它，因为我还不需要实现时区支持，但我想你可以看看这个解决方案，也许能找到你要找的东西。

我认为可以在指令中使用那里的逻辑，而不是单独的类。

StackBlitz