如何从数据库中以iso8601到type =“ date”的日期格式显示日期

Question

大家好！ 在支付日期表单DB时遇到问题。 我在DB中有项目的字段expiryDate：DB的类型“ date”例如：“ 2019-12-12”，当我在json中以这样的角度获取日期形式时：expiryDate的图像（ https：//i.stack。 imgur.com/23uhm.png ）ISO8601

我正在创建CRUD函数-更新，并且我想显示以前的日期，这是我不知道之前的日期。 我想显示以前的日期的图像-http://prntscr.com/orrj6d

我尝试了几个例子，但他们没有帮助

project.ts：

this.dateInForm = new Date(expiryDate.dayOfMonth, expiryDate.monthValue - 1, expiryDate.year);
console.log(this.dateInForm); // => Tue Jun 11 1918 00:00:00 GMT+0202 (Восточная Европа, летнее время)



// expiryDate format is : 
//chronology: {id: "ISO", calendarType: "iso8601"}
//dayOfMonth: 12
//dayOfWeek: "THURSDAY"
//dayOfYear: 346
//era: "CE"
//leapYear: false
//month: "DECEMBER"
//monthValue: 12
//year: 2019

project.html：

<div>
<input type="date" style="font-size: 13px;" formControlName="expiryDate" [(ngModel)]="dateInForm"  class="question" class="form-control" placeholder="expiryDate" required autocomplete="off"/>
<label for="msg"><span></span></label>
</div>
<div *ngIf="updateProjectForm.controls.expiryDate.invalid &&(updateProjectForm.controls.expiryDate.dirty || updateProjectForm.controls.expiryDate.touched)">
<div *ngIf="updateProjectForm.controls.expiryDate.errors?.minDate">
     <p class="err-msg">
       expiryDate is  invalid
     </p>
</div>
 </div>

我不知道如何在html type =“ date”中显示日期，请帮忙）

Answer 1

如果您使用date类型的本机input元素，则无需将其转换为JavaScript Date对象。 如文档中所述， value属性接受

以YYYY-MM-DD格式表示日期或为空的DOMString。

您应该将输入元素绑定到YYYY-MM-DD格式的字符串值。

在您的component.html上，

<input type="date" style="font-size: 13px;" [(ngModel)]="dateInForm"  class="question" class="form-control" placeholder="expiryDate" required autocomplete="off"/>

在您的component.ts上，

dateInForm: string = '';

// other parts of the code

this.dateInForm = `${expiryDate.year}-${expiryDate. monthValue}-${expiryDate. dayOfMonth}`;

我在这里创建了一个演示。