Componente di materiale angolare datario non funzionante

Sto imparando angularjs e utilizzando il componente datapicker di angularjs per il controllo della data ma non funziona, sto utilizzando lo stesso codice trovato in material.angularjs.org ma il mio controllo non viene visualizzato per favore aiuto. La mia pagina html è DatePicker.html:Componente di materiale angolare datario non funzionante

<!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()); 
});

sopra è il codice che ho ricevuto da documentazione del sito. Ma non funziona, quello che sto facendo è sbagliato. Per favore aiuto.

fonte

2015-09-15 Sudip_dotnetdv

Hai controllato la console di debug per gli errori? –

@Michelem - Non c'è nessun errore, la mia pagina si sta aprendo ma mostra solo l'etichetta non i controlli –

Ho avuto un problema simile, ma abbastanza divertente mi sono reso conto che sto usando la versione 0.10.1 e datepicker è stato introdotto di recente con la versione 0.11.0 – mentat

si deve avere qualcosa che non va con i tuoi importazioni penso, ti ho messo il codice per plunker

<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>

e che sta funzionando bene?! Si prega di controllare le importazioni!

fonte

2015-09-15 07:49:54 macrog

grazie, problema risolto –

Qual era il problema in realtà? Cosa ha risolto esattamente? – zubergu

plunker non funziona – Palo

È necessario menzionare quanto segue nel app.module.ts

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

e questo è in importazioni gamma

imports [ 
    MdDatepickerModule, 
    MdNativeDateModule 
]

fonte

2017-06-01 09:39:13

Componente di materiale angolare datario non funzionante

risposta

Problemi correlati