格式化其通过自举ngbDatepicker选择在角2

Question

HTML代码TS文件

<form novalidate [formGroup]="udpateObj"> 
    <div class="form-group"> 
     <label for="HDresolutionDate">Resolution Date:</label> 
     <input type="text" id="date" formControlName="DateP" ngbDatepicker 
            #d1="ngbDatepicker"> 

    </div> 
    <form> 

代码中的时间

let dateVal = backendDate;// am getting date obj from backend and 
    this.udpateObj= new FormGroup({ 
    DateP: new FormControl(dateVal) 
}); 

我需要显示其从后端来的时间或者从dd/mm/yyyy格式的日期选择器中选择。

Answer 1

您可以在这个例子中使用的日期管，如：

<input type="text" value = "{{dateObject | myDateFormat: 'dd/mm/yyyy' }}/> 

或实现自定义的管道，如果选择的日期是不是一个Date对象。发现这里例如自定义管道（使用momentjs）申请或电话传递的格式的默认格式“HH：MM”

import { Pipe, PipeTransform} from '@angular/core'; 
declare var moment: any; 

@Pipe({ 
    name: 'myDateFormat' 
}) 
export class myDateFormat implements PipeTransform { 
    transform(value: any, args: string[]): any { 
    if (value) { 
     var date = value instanceof Date ? value : moment(value); 
     if (args && args.length > 0) 
      return moment(date).format(args); 
     else 
      return moment(date).format('HH:mm'); 
    } 
    } 
}