2015-01-12 1 views
1

data-disabled-dates 특성을 사용하여 angularstrap datapicker에서 이탈리아어 축제를 사용하지 않도록 설정하려고합니다.각 스트랩 2.1.6 datepicker 사용 불가 날짜

[{"start":"2014-12-31T23:00:00.000Z","end":"2015-01-01T23:00:00.000Z"},{"start":"2015-01-05T23:00:00.000Z","end":"2015-01-06T23:00:00.000Z"},{"start":"2015-04-24T22:00:00.000Z","end":"2015-04-25T22:00:00.000Z"},{"start":"2015-04-30T22:00:00.000Z","end":"2015-05-01T22:00:00.000Z"},{"start":"2015-06-01T22:00:00.000Z","end":"2015-06-02T22:00:00.000Z"},{"start":"2015-08-14T22:00:00.000Z","end":"2015-08-15T22:00:00.000Z"},{"start":"2015-10-31T23:00:00.000Z","end":"2015-11-01T23:00:00.000Z"},{"start":"2015-12-07T23:00:00.000Z","end":"2015-12-08T23:00:00.000Z"},{"start":"2015-12-24T23:00:00.000Z","end":"2015-12-25T23:00:00.000Z"},{"start":"2015-12-25T23:00:00.000Z","end":"2015-12-26T23:00:00.000Z"},{"start":"2015-04-04T22:00:00.000Z","end":"2015-04-05T22:00:00.000Z"},{"start":"2015-04-05T22:00:00.000Z","end":"2015-04-06T22:00:00.000Z"},{"start":"2015-12-31T23:00:00.000Z","end":"2016-01-01T23:00:00.000Z"},{"start":"2016-01-05T23:00:00.000Z","end":"2016-01-06T23:00:00.000Z"},{"start":"2016-04-24T22:00:00.000Z","end":"2016-04-25T22:00:00.000Z"},{"start":"2016-04-30T22:00:00.000Z","end":"2016-05-01T22:00:00.000Z"},{"start":"2016-06-01T22:00:00.000Z","end":"2016-06-02T22:00:00.000Z"},{"start":"2016-08-14T22:00:00.000Z","end":"2016-08-15T22:00:00.000Z"},{"start":"2016-10-31T23:00:00.000Z","end":"2016-11-01T23:00:00.000Z"},{"start":"2016-12-07T23:00:00.000Z","end":"2016-12-08T23:00:00.000Z"},{"start":"2016-12-24T23:00:00.000Z","end":"2016-12-25T23:00:00.000Z"},{"start":"2016-12-25T23:00:00.000Z","end":"2016-12-26T23:00:00.000Z"},{"start":"2016-03-26T23:00:00.000Z","end":"2016-03-27T22:00:00.000Z"},{"start":"2016-03-27T22:00:00.000Z","end":"2016-03-28T22:00:00.000Z"}]; 

날짜 선택기 데이터 분 최신 데이터 시작으로 좋은 작품 : 여기에

$scope.fest = [{start: new Date(2015, 0, 1), end: new Date(2015, 0, 2)}, ...] 

이 축제의 CONSOLE.LOG입니다 : 여기

<input type='text' bs-datepicker="true" ... data-disabled-dates="{{fest}}" /> 

내가 날짜를 생성하는 방법이다 -date, data-max-date, data-date-format을 사용하지만 data-disabled-dates는 무시됩니다. 왜? https://github.com/mgcrea/angular-strap/issues/1432

내가 그것을 어떤 방식으로 작동 할 수 없습니다 : 여기

는 구체적으로 내 코드와 GitHub의에 열 문제입니다.

답변

1

나는, 최고 (또는 최악) 방법입니다 있는지 확실하지 않습니다하지만 각-strap.js는 "views.isDisabled"변화에 의해 작동하는 것 같다 : 사용 날짜가 생성되는 응답에 대한

 // Disabled because of disabled date range. 
     if (options.disabledDateRanges) { 

     for (var i = 0; i < options.disabledDateRanges.length; i++) { 
      var startRange = new Date(options.disabledDateRanges[i].start).getTime(); 
      var endRange = new Date(options.disabledDateRanges[i].end).getTime(); 
      if (time >= startRange && time <= endRange) { 
      return true; 
      } 
     } 
     } 
+0

생명의 은인 !! 감사 –

0

당신은 시도 할 수 있습니다 : 날짜에

$scope.fest = [{"start": new Date("2014-12-31T23:00:00.000Z"),"end": new Date("2015-01-01T23:00:00.000Z")}; 
변환 ISO 문자열을.
+0

감사합니다 new Date(). 이 배열은 console.log를 사용하여 얻을 수 있습니다. 업데이트 된 질문을 살펴보십시오. – longy