Açısal malzeme datepicker bileşeni çalışmıyor

Ben angularjs öğreniyorum ve tarih kontrolü için angularjs malzeme datepicker bileşenini kullanıyorum ama çalışmıyor, ben material.angularjs.org içinde bulunan aynı kodu kullanıyorum ama kontrol gösterme yardım göstermiyor. Benim html sayfası DatePicker.html geçerli:Açısal malzeme datepicker bileşeni çalışmıyor

<!DOCTYPE html> 
    <html ng-app="datepickerBasicUsage"> 

    <head> 
     <title></title> 
     <link href="angular-material.min.css" rel="stylesheet" /> 
     <script src="angular.min.js"></script> 
     <script src="angular-animate.min.js"></script> 
     <script src="angular-aria.min.js"></script> 
     <script src="angular-material.min.js"></script> 

     <script src="myapp.js"></script> 
    </head> 

    <body> 
     <div ng-controller="AppCtrl" style='padding: 40px;'> 
      <md-content> 
       <h4>Standard date-picker</h4> 
       <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 
       <h4>Disabled date-picker</h4> 
       <md-datepicker ng-model="myDate" placeholder="Enter date" disabled></md-datepicker> 
       <h4>Date-picker with min date and max date</h4> 
       <md-datepicker ng-model="myDate" placeholder="Enter date" md-min-date="minDate" md-max-date="maxDate"></md-datepicker> 
      </md-content> 
     </div> 
    </body> 

</html>

myapp.js

angular.module('datepickerBasicUsage', ['ngMaterial']) 
.controller('AppCtrl', function($scope) { 
    $scope.myDate = new Date(); 
    $scope.minDate = new Date(
     $scope.myDate.getFullYear(), 
     $scope.myDate.getMonth() - 2, 
     $scope.myDate.getDate()); 
    $scope.maxDate = new Date(
     $scope.myDate.getFullYear(), 
     $scope.myDate.getMonth() + 2, 
     $scope.myDate.getDate()); 
});

yukarıda ben sitenin belgelerinden var kodudur. Ama çalışmıyor, ne yapıyorum yanlış. Lütfen yardım et.

kaynak

2015-09-15 Sudip_dotnetdv

olduğu aşağıdaki bahsetmek gerekir? –

@Michelem - Hata yok, sayfam açılıyor ama sadece etiketi gösteren kontroller değil –

Ben de benzer bir sorunla karşılaştım ama yeterince eğlenceli olduğunu fark ettim, sürüm 0.10.1 kullanıyorum ve datepicker son sürümüyle birlikte sunuldu 0.11.0 – mentat

ne düşünüyorum senin ithalatı yanlış bir şey olmalı, ben

plunker için

<div ng-controller="AppCtrl" style='padding: 40px;'> 
    <md-content> 
     <h4>Standard date-picker</h4> 
     <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 
     <h4>Disabled date-picker</h4> 
     <md-datepicker ng-model="myDate" placeholder="Enter date" disabled></md-datepicker> 
     <h4>Date-picker with min date and max date</h4> 
     <md-datepicker ng-model="myDate" placeholder="Enter date" 
       md-min-date="minDate" md-max-date="maxDate"></md-datepicker> 
    </md-content> 
</div>

içinde size kodu koymak ve düzgün şekilde çalışıyorsa?! Lütfen ithalatı kontrol edin!

kaynak

2015-09-15 07:49:54 macrog

teşekkürler, problem çözüldü –

Sorun aslında neydi? Tam olarak ne çözüldü? – zubergu

plunker çalışmıyor css ve js dosyaları için – Palo

Eğer app.module.ts

import { MdDatepickerModule } from '@angular/material'; 
import { MdNativeDateModule } from '@angular/material';

ve bu hatalar için hata ayıklama konsolunu kontrol ettin ithalatı dizisi

imports [ 
    MdDatepickerModule, 
    MdNativeDateModule 
]

kaynak

2017-06-01 09:39:13

Açısal malzeme datepicker bileşeni çalışmıyor

cevap

İlgili konular