日历图标未使用Angular材质显示。 md-datepicker指令

时间:2016-08-09 04:12:00

标签: angularjs angular-material

我的代码。

<md-datepicker ng-model="csv.date" md-placeholder="Search Date"></md-datepicker>

图标不会出现,但是当我检查dom时会出现一些问题。思考?

1 个答案:

答案 0 :(得分:1)

检查以下代码并获取所需内容。谢谢。

&#13;
&#13;
<html lang="en" >
   <head>
      <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular-animate.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <style>
         .datepickerdemo md-content {
            padding-bottom: 200px; 
         }
        .datepickerdemo {
            font-size: 11px;
            color: darkred;
            margin: 10px 0 0 25px; 
         }
      </style>
      <script>
         angular
            .module('firstApplication', ['ngMaterial'])

                   
      </script>      
   </head>
   <body ng-app="firstApplication"> 
   <h4>Choose the date</h4>
      <div class="datepickerdemo"  layout="column" ng-cloak>
         <md-content>
           <md-datepicker ng-model="csv.date" md-placeholder="Select Date"></md-datepicker>
         </md-content>
	   </div>
   </body>
</html>
&#13;
&#13;
&#13;