कोणीय सामग्री datepicker

काम नहीं कर रहा घटक मैं AngularJS सीखने और तारीख पर नियंत्रण के लिए AngularJS सामग्री datepicker घटक का उपयोग, लेकिन इसके काम नहीं कर रहा है, के रूप material.angularjs.org में पाया लेकिन मेरे नियंत्रण नहीं दिखा रहा है कृपया मदद मैं एक ही कोड का उपयोग कर रहा हूँ। मेरे html पृष्ठ DatePicker.html है:कोणीय सामग्री datepicker

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

ऊपर कोड है जो मैं इस साइट के दस्तावेज़ से मिल गया है। लेकिन यह काम नहीं कर रहा है, मैं क्या गलत कर रहा हूं। कृपया मदद करे।

स्रोत

2015-09-15 Sudip_dotnetdv

में है आप त्रुटियों के लिए डिबग सांत्वना जाँच करते थे निम्नलिखित उल्लेख करने की जरूरत है? –

@Michelem - कोई त्रुटि नहीं है, मेरा पेज खोल रहा है लेकिन यह केवल लेबल दिखाई नहीं दे नियंत्रण –

मैं एक ऐसी ही समस्या थी, लेकिन काफी अजीब मुझे एहसास हुआ कि मैं संस्करण 0.10.1 और datepicker का उपयोग कर रहा संस्करण के साथ हाल ही में शुरू किया गया है 0.11.0 – mentat

आप अपने आयात मुझे लगता है कि के साथ गलत होगा, मैं तुम्हें 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>

में कोड डाल दिया और यह ठीक काम कर रहा है?! कृपया आपको आयात की जांच करें!

स्रोत

2015-09-15 07:49:54 macrog

धन्यवाद, समस्या हल हो गई –

वास्तव में समस्या क्या थी? क्या वास्तव में हल किया? – zubergu

प्लंकर काम नहीं करता – Palo

आप अपने app.module.ts

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

और इस आयात सरणी

imports [ 
    MdDatepickerModule, 
    MdNativeDateModule 
]

स्रोत

2017-06-01 09:39:13

कोणीय सामग्री datepicker

उत्तर

संबंधित मुद्दे