首页 > 解决方案 > 日期在 Safari 浏览器 Angular 7 中不可见

问题描述

当我输入日期时,它在 chrome 浏览器中可见,并且可以在 chrome 上正常工作,但在 safari 浏览器中看不到相同的内容。从服务调用数据获取:

plannedDateFrom: "2019-02-23 00:00:00.0"
plannedDateTo: "2021-12-31 00:00:00.0"

并在 html 文件中以这种方式显示它

{{plannedDateFrom | date:"dd.MM.yyyy"}} to
{{plannedDateTo | date:"dd.MM.yyyy"}}

输出 :

23.02.2019 to 31.12.2021

但在 Safari 浏览器中它不显示。输入字段也会发生同样的情况

<mat-form-field appearance="outline" class=" w-100 startDate fix-height">
    <input matInput [matDatepicker]="picker1"  formControlName="plannedDateFrom" placeholder="End of term" class="pb-2">
    <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
    <mat-datepicker #picker1></mat-datepicker>    
</mat-form-field>

铬输出:在此处输入图像描述

Safari 中的输出为空白: 在此处输入图像描述

请帮我解决这个问题。先感谢您!!

标签: javascriptangularsafariangular-materialdatepicker

解决方案


推荐阅读