Question

使用移动默认日期选择器是有意义的，但在使用材料设计时如何在常规Web应用程序上获得一致的日期选择器？

角料设计网站（无选择器）： https://material.angularjs.org/#/

谷歌材料设计网站（有选择器）： http://www.google.com/design/spec/components/pickers.html

Answer 1

图书馆仍在开发中。当前版本为0.10.0。

您可以查看他们的milestones。 datepicker计划用于下一个版本（0.11.0），并且已经在分支wip（日历）中进行了处理，并在此thread中进行了讨论。

Answer 2

我有一些问题，最后在最新版本的Angular Material中得到了解决方案，即0.11.0-RC1

您可以在下面获得代码：

<div ng-controller="AppCtrl" class="sliderdemoBasicUsage" ng-app="MyApp">
  <br>
  <br>
  <md-content style="margin: 16px; padding:16px">
     <h4>Start Date</h4>
    <md-datepicker ng-model="endDate" md-placeholder="Enter start date"></md-datepicker>
    <br>
    <h4>End Date</h4>
    <md-datepicker ng-model="startDate" md-placeholder="Enter end date"></md-datepicker>
  </md-content>
</div>

我的控制器

angular.module('MyApp')
.controller('AppCtrl', function($scope) {
      //do what you want here
});

您目前可以使用以下链接在角材料中获取日期选择器

https://gitcdn.xyz/repo/angular/bower-material/v0.11.0-rc1/angular-material.css

https://gitcdn.xyz/repo/angular/bower-material/v0.11.0-rc1/angular-material.js

或在codepen中检查我的代码

http://codepen.io/ankur-tiwari/pen/bVNEKJ

Answer 3

使用md-datepicker时我遇到了同样的问题。它后来得到了解决。早些时候我使用的是版本0.9.4，但是当我使用版本0.10.1时，它工作正常。尝试将版本更改为最新版本。

为什么棱角分明的材料设计摆脱了日期选择器

3 个答案: