Remove week column and button from Angular-ui bootstrap datepicker

angularjs datepicker angular-ui-bootstrap
Dipesh Gandhi picture Dipesh Gandhi · Dec 19, 2013 · Viewed 26.3k times · Source

I am using angular-ui bootstrap datepicker. Now I need to remove #(week) column and week button from datepicker. This date picker is being used in many forms of my application. I want to remove week column from all of them.

For this, I had globally configured the datepickerConfig (show-weeks) but still it is not working. Can anyone please let me know I am doing wrong with this?

Answer

Gm0t picture Gm0t · Dec 19, 2013

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

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

Related questions

Angular bootstrap datepicker date format does not format ng-model value

I am using bootstrap date-picker in my angular application. However when I select a date from that date-picker underlying ng-model that I have bind gets updated I want that ng-model in one date format 'MM/dd/yyyy'. but it every …

Read More
Angular UI month picker

I am trying to use angular-ui-datepicker as a month picker. But not able to configure it, tried it all. Here is the PLUNKER. I tried to set the modes as <input type="text" class="form-control col-md-3" datepicker-popup="MMM-yyyy" min-mode="…

Read More
How to usemultiple Angular UI Bootstrap Datepicker in single form?

I have a form where there is a need for me to have 2 or more date fields for different things. I tried the Angular UI Bootstrap which works fine when I have only 1 date field in the form. But it …

Read More