title: How does one add a formatted date to a primeng p-column?
body: <p>I have an interface for a JSON object that has Date columns in it.  What gets displayed is the number of seconds since the epoch.
  I am trying to format the date values, but I am not having much luck.</p>
  
  <p>Can someone point me in the right direction, perhaps with an example?</p>
  
  <pre><code>   &lt;p-dataTable [value]="observations" [rows]="20" [paginator]="true" [responsive]=true selectionMode="single" [(selection)]="selectedObservation" (onRowSelect)="onRowSelect($event)"&gt;
      &lt;p-header&gt;List of Observations&lt;/p-header&gt;
      &lt;p-column field="id" header="ID" [sortable]="true" [style]="{'width': '100px'}"&gt;&lt;/p-column&gt;
      &lt;p-column field="description" header="Description" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.id" header="CitationID" [sortable]="true" [style]="{'width': '100px'}"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.citationShortDescription" header="Citation Short Description" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.citationDesc" header="Citation Desc" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.citationObservations" header="Citation Observations" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.dateCorrectionReceived" header="Date Correction Received" [sortable]="true"&gt;&lt;/p-column&gt;
  
      &lt;p-column field="citation.inspectionDate" header="Inspection Date" [sortable]="true"&gt;     
              &lt;ng-template let-col let-row="rowData" pTemplate="body"&gt;
                  {{row[col.value]}}
              &lt;/ng-template&gt;              
      &lt;/p-column&gt;
  
      &lt;p-column field="citation.inspectionDate" header="Inspection Date" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.inspectionEndDate" header="Inspection End Date" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.cfrCiteLang" header="Cfr Cite Lang" [sortable]="true"&gt;&lt;/p-column&gt;        
      &lt;p-column field="correctionStatus.status" header="Correction Status" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.assignment.userId" header="Assigned To" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.assignment.dateAssigned" header="Date Assigned" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.assignment.percentInterstate" header="% Interstate" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="citation.assignment.inspectionalResponsibilty" header="Inspectional Responsibilty" [sortable]="true"&gt;&lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  
      import { Citation } from './citation';
  import { CorrectiveAction } from './corrective-action';
  import { Operation } from './operation';
  import { CorrectionStatus } from './correction-status';
  
  export interface Observation {
      id: number;
      description: string;
      creatdBy: string;
      creatdDt: Date;
      mdfydBy: string;
      mdfydDt: Date; 
      citation: Citation;
      correctiveActions: Set&lt;CorrectiveAction&gt;;
      operation: Operation;
      correctionStatus: CorrectionStatus;
  }
      import { RefCd } from './refcd';
  import { Assignment } from './assignment';
  import { Operation } from './operation';
  
  export interface Citation {
      id: number;
      cfrCiteLang: string;
      citationDesc: string;
      issueDate: Date;
      citationShortDescription: string;
      citationObservations: string;
      dateCorrectionReceived: Date;
      inspectionEndDate: Date;
      inspectionDate: Date;
      creatdBy: string;
      creatdDt: Date;
      mdfydBy: string;
      mdfydDt: Date;  
      refcd: RefCd;
      assignment: Assignment;
      operation: Operation;
  }
  </code></pre>
  
  <p>I also tried this, but it displays nothing.</p>
  
  <pre><code>        &lt;p-column field="citation.inspectionDate" header="Inspection Date" [sortable]="true"&gt;     
              &lt;ng-template let-row="rowData" pTemplate="body"&gt;
                  {{row.inspectionDate | date}}
              &lt;/ng-template&gt;              
      &lt;/p-column&gt;
  </code></pre>