Entfernen Sie die Wochenspalte und den Button von Angular-ui bootstrap datepicker

Ich bin mit angular-ui-bootstrap-datepicker. Jetzt muss ich entfernen #(Woche) Spalte und die Schaltfläche Woche vom datepicker. Dieses Datum-picker verwendet wird, in vielen Formen meiner Anwendung. Ich möchte zu entfernen, Woche, Spalte aus alle von Ihnen.

Dafür, ich musste die Global konfiguriert die datepickerConfig (show-Wochen), aber es ist trotzdem nicht funktioniert. Kann jemand bitte lassen Sie mich wissen, ich bin falsch mit diesem?

InformationsquelleAutor der Frage Dipesh Gandhi | 2013-12-19

  1. 32

    Bitte, schauen Sie dieses Beispiel: http://plnkr.co/edit/6i4G7JkvBiWXZYlrV2GL?p=preview

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

    InformationsquelleAutor der Antwort Gm0t

  2. 12

    Für datepicker popup, datepicker-Optionen-Attribut hat den Wert dateOptions in die json Hinzugefügt werden können, für alle datepicker-Einstellungen wie gezeigt, in der HTML unter.

    <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 ist dies gegeben

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

  };

    fügen Sie einfach showWeeks:false, dateOptions wie diese, 

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

    oder Sie hinzufügen können, wie diese "show-Wochen':'false' .
    Demo gezeigt, bei der plunker [http://plnkr.co/edit/qbp3IObj13op2RS17IEg?p=preview%5D%5B1%5D

    InformationsquelleAutor der Antwort shruti

  3. 3

    Wenn angular bootstrap ui-version 0.14.3, verwenden Sie die folgende 

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

    InformationsquelleAutor der Antwort Suresh Velusamy

  4. 0

    Wenn Sie wollen, um es direkt im template, fügen Sie einfach das folgende Attribut zum input:show-weeks="false".

    InformationsquelleAutor der Antwort ValentinH

  5. 0

    Ausblenden, die Wochen-Nummer, die Sie verwenden können, zwei verschiedene Wege.

    Erste: das hinzufügen in die Steuerung

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

    oder Zweite Möglichkeit: hinzufügen von Attribut im input-Feld

    show-weeks="'false'"

    InformationsquelleAutor der Antwort user45205

Schreibe einen Kommentar