2015-10-05 92 views
7

我已升级到角材0.11.1。我正在使用Angular JS v1.4.6。我试图实现新的日期选择器功能。我的问题是,当我使用标准的代码如下:角度材质:md-datepicker CSS显示问题

<md-content> 
<h4>Standard date-picker</h4> 
<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 
</md-content> 

当我选择的选择器,我得到一个奇怪的显示问题,其中一半的屏幕是灰色的,可以看到日期选择框的一部分。一旦执行此操作并尝试用弹出框选择其他任何内容,则会发生同样的情况。任何人都知道为什么发生这种情况以及如何解决它?下面

图片:

Before Photo After Date selected

+0

嘿@Ka tech你有没有研究过这里发生了什么?我今天有同样的问题,但在页面底部有一个白色块 – amyloula

回答

6

我自己也有完全相同的问题,我每次点击打开md-datepicker时间,我在我的页面底部有一个大的白色块。

花一些时间监控上单击md-datepicker页面的行为后,我意识到,在点击md-datepickerangular material是动态变化的<html><body>类的CSS样式在我的CSS样式表,就像这样:

<body class="" style="position: fixed; width: 100%; top: -231px;"> 

<html lang="en" style="overflow-y: scroll;"> 

为速战速决,我已经把我的身体类像这样,要覆盖的动态变化:

body { 
top: 0px !important; 
} 

希望这将帮助他人解决同样的问题。

+1

你是男人,这对我很有用!人们建议v1.1.1修复它,但那不是事实! – Abdel

+0

很高兴它可以是一些用途! @Abdel – amyloula