0

当输入类型为“日期”时，日期格式为dd/MM/yyyy.
我想将日期格式从更改MM/dd/yyyy为dd/MM/yyyy（土耳其格式和土耳其日历）。

这是代码。

<form [formGroup]="opportunityForm" (ngSubmit)="updateData(opportunityForm.value)">
 <div class="form-group">
          <label>Oluşturulma Tarihi</label>
          <input  type="date"  class="form-control"  formControlName="createDate" required>
          <div class="alert-danger" *ngIf="!opportunityForm.controls['createDate'].valid && (opportunityForm.controls['createDate'].touched)">
            <div [hidden]="!opportunityForm.controls['createDate'].errors.required">
              Tarih alanı gerekli
            </div>
          </div>
        </div>
 <button type="submit" class="btn btn-primary" [disabled]="!opportunityForm.valid">Güncelle</button>
</form>



constructor(private http: HttpClient,private fb: FormBuilder,private router: Router,private actRoute: ActivatedRoute, private service:OpportunityService) {
    this.opportunityForm=this.fb.group({
      title:['',Validators.required],
      description:['',Validators.required],
      createDate:['',Validators.required],
      expirationDate:['',Validators.required],
      file: new FormControl(null)  
    });

建议和解决方案将不胜感激。

4

3 回答 3

-1

我使用 DatePipe 解决了这个问题，以便在后端制作我想要的格式。而且我更改了浏览器的语言。因此，用户可以看到用户想要的日期格式。

于 2020-02-21T05:50:26.187 回答
-1

您可以操作您的 formControl 字段“createDate”。

使用 Angular 提供的 DatePipe 以任何所需格式更改日期。

首先，在组件的 ts 中导入 DatePipe：

import { DatePipe } from '@angular/common';

在提供者数组中注入日期管道：

styleUrls: ['component.css'];
providers: [DatePipe] // like this you inject pipe,services

在构造函数中声明：

 constructor(
    private datePipe: DatePipe
  ) { }

您可以创建一个操作日期的函数；只需在方法中调用updateData(formValue)或直接操作日期updateData(formValue)

// 使用 DatePipe 进行日期操作

const datePipe = this.datePipe.transform(this.opportunityForm.get('createDate').value, 'dd-MM-yyyy')
于 2020-02-20T11:01:48.040 回答
-1

有多种方法可以做到这一点，但是你能解释一下你是否想改变html中的格式吗？如果不是，我建议您使用它，formatDate而不是datePipe在我看来更容易。

在您的 .ts 文件中执行此操作。

import { formatDate } from '@angular/common';
 this.opportunityForm.value.createDate = formatDate(this.opportunityForm.value.createDate, 'yyyy/MM/dd', 'en');
 // 'yyyy/MM/dd' format can be replaced with however you want to
于 2020-02-20T11:34:47.257 回答