Remove week column and button from Angular-ui bootstrap datepicker Remove week column and button from Angular-ui bootstrap datepicker angularjs angularjs

Remove week column and button from Angular-ui bootstrap datepicker


Please, look at this example: http://plnkr.co/edit/6i4G7JkvBiWXZYlrV2GL?p=preview

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


For datepicker in popup, datepicker-options attribute has value dateOptions in which json can be added for any datepicker settings as shown in the HTML below.

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

In javascript this is given

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

just add showWeeks:false in dateOptions like this,

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

or you can add like this 'show-weeks':'false' .Demo is shown at plunker [http://plnkr.co/edit/qbp3IObj13op2RS17IEg?p=preview][1]


If angular bootstrap ui version is 0.14.3, use the following

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