预设今天日期以在Angular中输入类型日期

时间:2019-04-05 15:13:24

标签: angular typescript

尝试使用Angular Typescript将今天的日期预设为HTML组件时遇到了一些问题。这是我的HTML组件:

<div class="d-flex">
    <input id="field_tStartdate" type="date" class="form-control" name="tStartdate" [(ngModel)]="tStartdate" required />
</div>

然后在我的打字稿文件中:

tStartdate: string;
this.tStartdate = moment().toString();

但是,默认情况下,我在前端的输入字段仍显示dd / MM / yyyy,而没有预先选择今天的日期。有什么想法吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

输入类型日期期望值为“ YYYY-mm-DD”类型,但moment().toString()输出为“ Fri Apr 05 2019 17:25:24 GMT + 0200”

尝试moment().format('YYYY-mm-DD')

答案 1 :(得分:0)

输入类型date需要一个日期字符串,其格式为:

'YYYY-MM-DD'

例如在moment js中,它看起来像这样:

moment().format('YYYY-MM-DD')

请注意,大写和小写都很重要,因为“ mm”是分钟,而“ MM”是指月份。