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

Question

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

角材设计网站（no picker）：https://material.angularjs.org/#/

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

Answer 1

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

Answer 2

我有一些问题，终于在最新版本的Angular Materials中得到了解决方案，即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
});

您目前可以使用下面的链接获取角质材料中的datepicker

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

该库仍在开发中。当前版本为0.10.0。

您可以检查他们的里程碑。datepicker计划用于下一个版本（0.11.0），它已在分支wip（日历）中处理并在此线程中讨论。