我正在開發一個具有清晰設計的角度應用程式。
表單標簽中有一個日期選擇器。那里的日期值為 10.15.2021。但我需要的格式是 2021-10-15T17:56:30.728Z。
清晰度設計官方檔案說如果你這樣得到[(clrDate)]="date"，會輸出2021-10-15T17:56:30.728Z，但是我不想用ngmodel。我正在使用反應形式。
如何從 formcontrol 格式化日期資訊。下面的代碼
<form [formGroup]="logggForm" clrForm>
<clr-input-container>
<label class="clr-col-lg-4">Email:</label>
<input class="clr-col-lg-8" clrInput formControlName="userEmail" placeholder="[email protected]" type="text"/>
</clr-input-container>
<clr-date-container>
<label class="clr-col-lg-4">Start date:</label>
<input class="clr-col-lg-8" clrDate formControlName="from" type="date"/>
</clr-date-container>
<clr-date-container>
<label class="clr-col-lg-4">To Date:</label>
<input class="clr-col-lg-8" clrDate formControlName="to" type="date"/>
</clr-date-container>
<button (click)="click()" class="btn btn-primary" type="button">Search</button>
</form>
代碼
logggForm= new FormGroup({
userEmail: new FormControl(''),
from: new FormControl(new Date()),
to: new FormControl('')
});
uj5u.com熱心網友回復：
又過了 30 分鐘， 我找到了一種更簡單的方法來獲得我想要的輸出而不使用 DatePipe
let formatDate = this.logggForm.value.dateFrom.split('.');
let formattedDatefrom = formatDate[2] '-' formatDate[1] '-' formatDate[0] 'T00:00:00';
data.from = formattedDatefrom;
首先
this.logggForm.value.dateFrom = '15.10.2021'
然后我將其拆分“。” 到陣列。
我能夠通過使用陣列獲得我想要的輸出。
uj5u.com熱心網友回復：
30 分鐘后。我解決了我的問題。
添加：
1-
providers: [DatePipe]
2-
constructor(private datePipe: DatePipe)
3-
let formattedDate = this.datePipe.transform(this.logggForm.value.from, 'yyyy-dd-MMT00:00:00');
我能夠得到我想要的輸出。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/317146.html
標籤：有角的 打字稿 vmware-清晰度