简体   繁体   English

无法在 Angular 材料日期选择器中设置日期

[英]Unable to set date in Angular material datepicker

I have a date which is fetched from the backed as 30-10-2019 (DD-MM-YYYY) format.我有一个日期,它是从支持的30-10-2019 (DD-MM-YYYY)格式中获取的。 I am trying to get this date to be displayed in angular material datepicker but its not displaying the date.我试图让这个日期显示在 angular 材料日期选择器中,但它不显示日期。

I tried moment and used moment (this.myDate).format('YYYY-MM-DD') .toString();我尝试了 moment 并使用了 moment (this.myDate).format('YYYY-MM-DD') .toString(); What am I missing?我错过了什么? Any other method (without using moment) is also fine.任何其他方法(不使用时刻)也可以。

try this尝试这个

this.date = new Date(this.myDate);

you need pass the date format to moment like below and assign that to your formControl or ngModel.您需要将日期格式传递给如下时刻,并将其分配给您的 formControl 或 ngModel。 Assuming your ngModel is date then code will be假设您的 ngModel 是日期,那么代码将是

this.date = moment(this.myDate, 'DD-MM-YYYY');

Here is the working example: https://stackblitz.com/edit/angular-w9szcc .这是工作示例: https://stackblitz.com/edit/angular-w9szcc

Hope this helps.希望这可以帮助。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使用变量在 Angular Material datepicker 上设置日期值? - How do you set the date value on Angular Material datepicker with a variable? Angular 2 Material 2日期选择器日期格式 - Angular 2 Material 2 datepicker date format 角材料(md-datepicker)-如何在一页中将不同的日期格式设置为不同的日期选择器 - angular material (md-datepicker) - how to set different date format to different datepicker in one page 更改格式日期日期选择器角度材料 - change format date datepicker angular material Angular Material datepicker过滤器特定日期 - Angular Material datepicker filter specific date 在 Angular Material 日期选择器中本地化日期值 - Localising the date value in Angular Material datepicker 无法在angularUI datepicker中设置日期 - Unable to set date in angularUI datepicker Angular Material datepicker 自定义日期(开始和结束日期)验证问题 - Angular Material datepicker custom date(start and end date ) validation issue 如何动态设置Angular Material md-datepicker指令的md-min-date / md-max-date? - How to dynamically set md-min-date/md-max-date of Angular Material md-datepicker directive? 使用 ngmodel - Angular 将值设置为角度材​​料日期选择器 - Set value to angular material datepicker using ngmodel - Angular
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM