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

Question

我有一个编辑表单的输入字段，当我单击编辑时，它应该给我一个日期。从我的弹簧后端，我得到了一个长格式的约会，例如。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中之前将日期转换为我想要的格式？在角度中.js可以使用新的日期(长(并转换它，但我不确定如何在角度 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 格式接收日期，关于如何完成它的任何帮助？

Answer 1

我不确定您要查找什么，但是，如果您使用 json，则可以使用属性中的"春季日期"注释对其进行格式化 @JsonFormat (pattern = "yyyy-MM-dd") .

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