2015-10-05 93 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