Question

我在md-table md-cell中放了一个md-datepicker。由于我的布局有些问题，我的日期选择器内容无法正确呈现。

我的控制器逻辑：

app.controller("testCtrl", function(){
  $scope.authPerson = {};
  $scope.authPerson.dateStart = new Date();
  $scope.authPerson.dateEnd = new Date();
});

我的观点：

<md-card>
  <md-card-content>
    <md-table-container>
      <table md-table>
        <tr md-row>
          <td md-cell>
            <md-datepicker ng-model="authPerson.dateStart"></md-datepicker>            
          </td>
        </tr>
      </table>
    </md-table-container>
  </md-card-content>
</md-card>

当我打开datepicker时，容器是空的。屏幕截图已附上。

提前感谢您的帮助。

更新＃1

我已将md-datepicker放入正文中但仍然无效（以相同的方式工作）。

<body ng-cloak layout="row" ng-controller="AppCtrl">
  <md-datepicker ng-model="test" ng-disabled="false"></md-datepicker>
</body>

AppCtrl：

$scope.test = new Date();

我认为这可能是一个依赖问题 - 时刻或其他。

更新＃2 我已经能够创建一个复制问题的plunkr。 https://plnkr.co/edit/4YBK4Eb8LVNeQbH5wIac

Answer 1

我注意到你的ng-model是authperson.datestart，但你的范围变量是authPerson.dateStart 我认为它区分大小写，所以它用空数据填充你的模型。

Answer 2

我发现它是Angular Material Github https://github.com/angular/material/issues/10070

中报告的错误

使用AngularJS 1.6.0和Angular Material 1.1.0时会出现此错误

在修复之前恢复AngularJS 1.5.9。

Answer 3

从角度材料版本1.1.1恢复到版本1.1.0解决了它。我使用角度版本1.6.1

Angularjs-Material md-datepicker渲染不正确

3 个答案: