Angular Materials - 大型浏览器上的md-datepicker显示问题

时间:2017-02-27 05:32:04

标签: javascript css angularjs datepicker angular-material

我在我的应用中使用md-datepicker,但它不适合更大的浏览器宽度。似乎只能用于小尺寸和x小宽度。请看附件截图。

这种情况发生在Chrome和Safari上。

HTML:

<md-datepicker ng-model="data" md-placeholder="mm/dd/yyyy"></md-datepicker>

enter image description here

我尝试使用检查器缩小问题范围,它可能与left类的md-datepicker-calendar-pane属性值有关,但我不确定。

enter image description here

2 个答案:

答案 0 :(得分:1)

检查你的CSS

我有类似的东西导致你的确切问题

表{border-collapse:collapse;宽度:100%;}

答案 1 :(得分:0)

我遇到了这个问题。表格宽度在应用程序中全局设置为100%。修复了以下问题:

.md-datepicker-calendar-pane table {
  width: auto;
}