以角度更改日期输入字段格式答案

【问题标题】：Change Date input field format in angular以角度更改日期输入字段格式
【发布时间】：2018-09-29 08:02:06
【问题描述】：

我有一个编辑表单的输入字段，当我单击编辑时它应该给我一个日期。从我的春天回来，我得到了一个长格式的日期，例如。 164888330000。如果我将输入类型更改为文本，我将得到日期的长值，但我想以 yyyy-mm-dd 格式获取日期，因为这是我存储日期的方式。不幸的是，据我所知，角管不能用于输入

<label class="form-control-label" *ngIf="truckForm.get('date').invalid && processValidation"
                       [ngClass]="'error'"
                       for="purchasedDate">date is required.</label>
                <input formControlName="date"
                       id="purchasedDate"
                       class="form-control"
                       type="date"
                       name="purchasedDate"
                       [(ngModel)]="truck.purchasedDate"/><strong>Purchased Date</strong>
              </div

我在我的组件类中使用了 formGroup。有没有办法在日期显示在 UI 中之前将其转换为我想要的格式？在 angular.js 中可以使用 new Date(long) 并对其进行转换，但我不确定如何在 angular 4 中实现这一点

  @Input() truck: Truck;
 truckForm = new FormGroup({
    truckCode: new FormControl('', Validators.required),
    date: new FormControl('', Validators.required),
    descriptions: new FormControl('', Validators.required)
  });
 processForm() {

    this.processValidation = true;
    if (this.truckForm.invalid) {
      return; //Validation failed, exit from method.
    }

    // if we are here then all good
    this.preProcessConfigurations()

    let truckCode = this.truckForm.get('truckCode').value.trim();
    let date = this.truckForm.get('date').value.trim();
    let description = this.truckForm.get('descriptions').value.trim();

    //this.dateString = new Date(this.truck.purchasedDate);

    let truck = new Truck(this.truck.truckId, truckCode, date , description);

    this.truckService.updateTrucks(truck).subscribe(successCode => {
      this.statusCode = successCode;
      this.router.navigate(['/trucks']);
    }, errorCode => this.statusCode = errorCode);


  }

这是一个更新功能，所以我想以 yyyy-mm-dd 格式接收日期，有什么帮助我可以做到这一点吗？

【问题讨论】：

标签： spring angular web-services date

【解决方案1】：

我不确定您在寻找什么，但是，如果您使用 json，则可以在属性 Date of spring 中使用注释 @JsonFormat (pattern = "yyyy-MM-dd") 对其进行格式化。

@JsonFormat(pattern = "yyyy-MM-dd")
private Date date;

【讨论】：