Question

我已升级为Angular Material 0.11.1。我使用的是Angular JS v1.4.6。我试图实现新的日期选择器功能。我遇到的问题是当我使用标准代码时如下：

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

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

下面的图片：

Answer 1

我自己也有同样的问题，每次点击打开md-datepicker时，我的页面底部都有一个大的白色块。

在点击md-datepicker后花了一些时间监控网页行为后，我意识到点击md-datepicker后，angular material动态更改了<html>的css样式和我的css样式表中的<body>类，如下所示：

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

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

作为一个快速修复，我已经设置了我的身体类，以覆盖动态变化：

body {
top: 0px !important;
}

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

Answer 2

我遇到了同样的问题，并在md-datepicker中应用了以下标记，对我来说一切正常：）

style="position:fixed;"