2016-11-29 5 views
1

나는 datepicker를 사용하면서 각도 1.6, 재질 디자인 1.1.1을 사용하고 있습니다. 문서에서 말한 것과 똑같은데, datepicker를 클릭하는 동안 빈 창이 나타납니다. 일 문자 (SSMTWTF) 및 창 안에서 스크롤 할 때만 날짜가 표시되기 시작합니다. 제안 사항이 있으십니까? 각도 재질 디자인 datepicker

<md-input-container flex> 
    <label>Pick a date</label> 
    <md-datepicker ng-model="myDate" name="dateField" md-min-date="minDate" 
      md-max-date="maxDate"></md-datepicker> 

    <div ng-messages="myOtherForm.dateField.$error"> 
      <div ng-message="valid">The entered value is not a date!</div> 
      <div ng-message="required">This date is required!</div> 
      <div ng-message="mindate">Date is too early!</div> 
      <div ng-message="maxdate">Date is too late!</div> 
    </div> 
</md-input-container> 

JS 감사

: 1.6.x 이상인 RC 버전에서 버그가 같은

var app = angular.module('StarterApp', ['ngMaterial', 'ngMdIcons', 'ngMessages']); 

app.controller('AppCtrl', function($timeout , $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()); 

    $scope.onlyWeekendsPredicate = function(date) { 
    var day = date.getDay(); 
    return day === 0 || day === 6; 
    }; 

}); 
+0

코드 조각 또는 JS 바이올린 링크 –

+0

헤이 Nobal가, 감사, 질문 –

+0

덕분에 추가 된 스 니펫을 추가하십시오. JS 부분을 추가하십시오. –

답변

1

보인다. 대신 Angular 1.5.9를 사용하십시오. 여기에 작동하는 샘플이 있습니다.

var myDate = new Date(2016, 11, 3); 

    $scope.minDate = new Date(
     myDate.getFullYear(), 
     myDate.getMonth() - 2, 
     myDate.getDate()); 

    $scope.maxDate = new Date(
     myDate.getFullYear(), 
     myDate.getMonth() + 2, 
     myDate.getDate()); 

    $scope.onlyWeekendsPredicate = function(date) { 
    var day = date.getDay(); 
    return day === 0 || day === 6; 
    }; 

http://codepen.io/samithaf/pen/XNzwMP

+0

Github 문제를 여기에서 사용하고있다 : https://github.com/angular/material/issues/10070 – domenu