Angular-ui bootstrap datepicker에서 week column and button 제거

Angular-ui bootstrap datepicker에서 week column and button 제거

저는 각의 부츠트랩 데이트 픽커를 사용하고 있습니다.이제 datepicker에서 #(주)열과 week 버튼을 제거해야 합니다.이 날짜 선택기는 내 응용프로그램의 여러 형태로 사용되고 있습니다.나는 그들 모두에게서 주간 칼럼을 삭제하고 싶습니다.

이를 위해 datepickerConfig(show-weeks)를 글로벌하게 구성했지만 여전히 작동하지 않습니다.제가 이것을 잘못하고 있다는 것을 알려주실 수 있는 사람이 있습니까?

이 예를 보십시오. http://plnkr.co/edit/6i4G7JkvBiWXZYlrV2GL?p=preview

angular.module('app', ['ui.bootstrap'])
  .config(function (datepickerConfig) {
      datepickerConfig.showWeeks = false;
    });

팝업의 datepicker에 대해 datepicker-options 속성에는 아래 HTML에 나와 있는 것처럼 datepicker 설정에 대해 json을 추가할 수 있는 옵션이 있습니다.

<input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" **datepicker-options="dateOptions"** date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />

javascript에서는 이것이 주어집니다.

 $scope.dateOptions = {
    formatYear: 'yy',
    startingDay: 1,
    
  };

showWeeks:false in date이와 같은 옵션을 추가합니다.

 $scope.dateOptions = {
    formatYear: 'yy',
    startingDay: 1,
    showWeeks:false
  };

또는 'show-weeks': 'false'와 같이 추가할 수 있습니다. 데모는 plunker [http://plnkr.co/edit/qbp3IObj13op2RS17IEg?p=preview ][1]에서 볼 수 있습니다.

각도 부트스트랩 UI 버전이 0.14.3인 경우 다음을 사용합니다.

app.config(function (uibDatepickerConfig) {
    uibDatepickerConfig.showWeeks = false;
    uibDatepickerConfig.showButtonBar = false;
});

템플릿에서 직접 수행하려면 다음 속성을 입력에 추가하기만 하면 됩니다.show-weeks="false".

주 번호를 숨기려면 두 가지 다른 방법을 사용할 수 있습니다.

첫번째: 컨트롤러에 추가하기

$scope.dateOptions = {
    'year-format': "'yy'",
    'starting-day': 1   };

또는 두번째 방법: 입력 필드에 속성 추가

show-weeks="'false'"

이 방법이 효과가 있을 것입니다.

<input type="text" placeholder="mm/dd/yyyy" [bsConfig]="{showWeekNumbers:false}" />

아니면

<datepicker show-weeks='false' />

언급URL : https://stackoverflow.com/questions/20678009/remove-week-column-and-button-from-angular-ui-bootstrap-datepicker