2015-10-05 10 views
7

Ben Açısal Malzeme 0.11.1 geçiş yaptık. Angular JS v1.4.6 kullanıyorum. Yeni tarih seçici işlevini uygulamaya çalışıyorum. Ben seçici seçtiğinizdeAçısal Malzeme: md-datepicker CSS görüntüleme sorunu

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

, ben yarım ekran gri ve datepicker kutusunun parçası görebilirsiniz bir garip görüntü sorununu olsun şu şekildedir: Ben standart kod kullandığımda sahip bir konudur. Bu yürütüldüğünde ve pop-up kutusuyla başka bir şey seçmeye çalıştığınızda aynı şey olur. Herkes bunun neden olduğunu ve nasıl düzeltileceğini biliyor mu? Aşağıda

Görüntüler:

kendim tam aynı sorunu yaşıyordu ben

Before Photo After Date selected

+0

Hey @Ka tech Hiç burada neler olduğunu anladın mı? Ben bugün aynı sorunu yaşıyorum ama sayfanın altındaki beyaz bir blok ile – amyloula

cevap

6

, ben md-datepicker açmaya tıklandığında her zaman, benim sayfanın alt kısmında büyük beyaz bir blok vardı.

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

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

md-datepicker tıklayarak sayfa davranışlarını izlemek biraz zaman geçirdikten sonra ben md-datepicker tıklayarak üzerinde, angular material dinamik, benim css stil içinde <html> ve <body> sınıfların css stil değişiyordu şöyle anladı hızlı bir düzeltme olarak

, ben dinamik değişiklikleri geçersiz kılmak için, şöyle bedenim sınıfını belirledik:

body { 
top: 0px !important; 
} 

Umarım bu aynı konuya başkalarına yardımcı olacaktır.

+1

Sen adamsın, bu benim için çalıştı! İnsanlar önerdi v1.1.1 düzeltiyor ama bu doğru değil! – Abdel

+0

Bazı kullanım olabilir sevindim! @Abdel – amyloula