Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular2材质2 Datepicker – 输出日期格式大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_772_1@
我在angular4项目中使用了 @L_944_0@.如何在输入框中用“2017年5月29日”等短格式格式化所选日期.目前显示为2017年5月29日

示例代码

@H_616_9@<md-input-container> <input mdInput readonly="true" [mdDatepicker]="startDatePicker" [mdDatepickerFilter]="myFilter" [min]="minDate" [max]="maxDate" class="date-text ng-dirty ng-valid-parse ng-touched ng-not-empty ng-valid ng-valid-@R_419_1135@" placeholder="Choose a date"> <button mdSuffix [mdDatepickerToggle]="startDatePicker" class="date-icon"></button> </md-input-container> <md-datepicker #startDatePicker [dateFormat]="'LL'" startView="month" [startAt]="currentDate"></md-datepicker>

TS:

@H_616_9@@ViewChild('startDatePicker') startDatePicker: MdDatepicker<Date>;

Ps. [dateFormat] =“’LL’”无效

解决方法

您不能轻易地设置日期格式. Material 2 Datepicker API中没有此类属性,更改格式的唯一正确方法是提供您自己的 DateAdapter实现.官方文档没有提供任何相关说明.现在只有一个基本的 implementetion,它根据语言环境定义格式.有很多抱怨,很快就会有更多的适配器.您可以尝试使用基于 this issue-thread的moment.js或只是等待.

您还可以使用区域设置在Datepicker中获取不同的格式.但这只是一个解决方法,直到一个正确的官方解决方案来:

@H_616_9@export class AppModule { constructor(private dateAdapter:DateAdapter<Date>) { dateAdapter.setLocale('de'); // DD.Mm.YYYY } }

大佬总结

以上是大佬教程为你收集整理的angular2材质2 Datepicker – 输出日期格式全部内容,希望文章能够帮你解决angular2材质2 Datepicker – 输出日期格式所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。