@angular/common#formatDate TypeScript Examples

private getRecordsByDate(records: Record[]): RecordsByDate {
    const initialDateGroups: RecordsByDate = {};
    return records.reduce<{}>((dateGroups: RecordsByDate, record) => {
      const date = formatDate(record.timestamp, 'yyyy-MM-dd', 'en-us');
      if (!dateGroups[date]) {
        dateGroups[date] = [];
      }
      dateGroups[date].push(record);
      return dateGroups;
    }, initialDateGroups);
  }

readonly previewAsset$ = combineLatest([
    this.asset$,
    this.receiverEmail$,
    this.assetFileUrl$,
    this.contacts$,
  ]).pipe(
    switchMap(async ([asset, receiverEmail, assetFileUrl, contacts]) => {
      const previewAsset: DiaBackendAsset = {
        ...asset,
        asset_file: assetFileUrl,
        asset_file_thumbnail: assetFileUrl,
        sharable_copy: assetFileUrl,
        caption: this.message !== '' ? this.message : asset.caption,
        source_transaction: {
          id: '',
          sender: asset.owner_name,
          receiver_email: receiverEmail,
          created_at: '',
          fulfilled_at: formatDate(Date.now(), 'short', 'en-US'),
          expired: false,
        },
      };
      if (contacts.find(cont => cont.contact_email == receiverEmail) != null) {
        this.contactAlreadyExists = true;
        this.shouldCreateContact = false;
      }
      return previewAsset;
    })
  );

refreshData(){
    const newData:{title: string, barChartLabels: Label[], barChartData: ChartDataSets[]}[] = [];
    this.spinner.show();
    this.apiService.getAllData().pipe(take(1)).subscribe(graphs=>{
      graphs.forEach(singleGraphData=>{
        const barChartData: ChartDataSets[] =[];
        const barChartLabels: Label[] = [];
        barChartData[0]  = {data:[], label: singleGraphData[0][2]}
        singleGraphData.forEach(singleData=>{
          barChartData[0]['data'].push(singleData[0]);
          barChartLabels.push(formatDate(singleData[1],environment.dateFormat,environment.locale,environment.timezone));
        })
        barChartData[0]['data'] = barChartData[0]['data'].reverse();
        
        newData.push({title:singleGraphData[0][3] ,barChartData: barChartData, barChartLabels: barChartLabels.reverse()})
      })

      this.data = newData;
      this.spinner.hide();
    });
    
  }

transform(value: any, format = 'mediumDate', timezone?: string, locale?: string): string | null {
    if (value == null || value === '' || value !== value) {
      return null;
    }
    if (isPbDateTime(value)) {
      let dt = new Date(value.year, value.month - 1, value.day, value.hours, value.minutes, value.seconds, value.nanos / 1000);
      if (value.timeOffset) {
        if (value.timeOffset.oneofKind === "timeZone") {
          throw new Error("Do not understand IANA time zone. Cannot convert to javascript Date.");
        } else if (value.timeOffset.oneofKind === "utcOffset") {
          let pbOffset = PbLong.from(value.timeOffset.utcOffset.seconds).toNumber() / 60;
          let jsOffset = dt.getTimezoneOffset();
          dt.setMinutes(dt.getMinutes() + (pbOffset - jsOffset))
        }
      }
      return formatDate(dt, format, locale ?? this.locale, timezone);
    }
    if (isPbTimestamp(value)) {
      let tsSeconds = PbLong.from(value.seconds).toNumber();
      let dt = new Date(tsSeconds * 1000 + Math.ceil(value.nanos / 1000000));
      return formatDate(dt, format, locale ?? this.locale, timezone);
    }
    return formatDate(value, format, locale ?? this.locale, timezone);
  }

readonly capturesByDate$ = this.proofs$.pipe(
    map(proofs => proofs.sort((a, b) => b.timestamp - a.timestamp)),
    map(proofs =>
      groupBy(proofs, proof =>
        formatDate(proof.timestamp, 'yyyy/MM/dd', 'en-US')
      )
    )
  );