0

大家好！显示日期表格 DB 有问题。我在数据库中有项目的字段过期日期：数据库类型“日期”示例：“2019-12-12”当我在 json 中以这样的角度获取日期表单时：expiryDate 的图像（https://i.stack. imgur.com/23uhm.png ) iso8601

我正在创建 CRUD 函数 - 更新，我想显示以前的日期，那是在我不知道如何之前。我想显示上一个日期的图像 - http://prntscr.com/orrj6d

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

项目.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

项目.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" 中显示日期，请帮忙）

4

1 回答 1

0

如果您使用inputtype 的本机元素date，则无需将其转换为 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}`;

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

于 2019-08-12T19:34:32.627 回答