web-dev-qa-db-fra.com

Supprimer la colonne et le bouton semaine de Angular-ui bootstrap datepicker

J'utilise angular-ui bootstrap datepicker . Maintenant, je dois supprimer la colonne # (week) et le bouton de la semaine de datepicker. Ce sélecteur de date est utilisé sous plusieurs formes) de ma candidature. Je souhaite supprimer la colonne semaine de toutes.

Pour cela, j'avais configuré globalement le datepickerConfig (show-weeks) mais cela ne fonctionne toujours pas. Quelqu'un peut-il me faire savoir que je me trompe avec cela?

angularjsdatepickerangular-ui-bootstrap
21
Dipesh Gandhi

Veuillez regarder cet exemple: http://plnkr.co/edit/6i4G7JkvBiWXZYlrV2GL?p=preview

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

Pour datepicker dans une fenêtre contextuelle, l'attribut datepicker-options a la valeur dateOptions dans laquelle json peut être ajouté pour tous les paramètres de datepicker comme indiqué dans le code HTML ci-dessous.

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

En javascript, cela est donné

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

  };

ajoutez simplement showWeeks: false in dateOptions comme celle-ci,

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

ou vous pouvez ajouter comme ceci 'show-weeks': 'false'. La démonstration est affichée sur plunker [ http://plnkr.co/edit/qbp3IObj13op2RS17IEg?p=preview] [1]

12
shruti

Si angular bootstrap ui version is 0.14.3, use the following =

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

Si vous souhaitez le faire directement dans le modèle, ajoutez simplement l'attribut suivant à l'entrée: show-weeks="false".

0
ValentinH

Pour masquer le nombre de semaines, vous pouvez utiliser deux méthodes différentes.

Première: ajouter dans le contrôleur

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

ou Deuxième façon: ajouter un attribut dans le champ de saisie

show-weeks="'false'"
0
user45205