web-dev-qa-db-ja.com

Angular-uiから週の列とボタンを削除bootstrap datepicker

私は angular-ui bootstrap datepicker を使用しています。ここで、datepickerから＃（week）列と週ボタンを削除する必要があります。この日付ピッカーは多くの形式で使用されていますすべてのアプリケーションから週列を削除したいです。

このため、datepickerConfig（show-weeks）をグローバルに構成しましたが、それでも機能しません。誰かが私がこれで間違っていることを知らせてもらえますか？

angularjsdatepickerangular-ui-bootstrap
21
Dipesh Gandhi

この例を見てください： http://plnkr.co/edit/6i4G7JkvBiWXZYlrV2GL?p=preview

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

ポップアップの日付ピッカーの場合、以下のHTMLに示すように、datepicker-options属性には値dateOptionsがあり、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,

  };

このようなdateOptionsにshowWeeks：falseを追加するだけです。

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

または、この 'show-weeks'： 'false'のように追加できます。デモはplunkerに表示されます[ http://plnkr.co/edit/qbp3IObj13op2RS17IEg?p=preview] [1]

12
shruti

angular bootstrap uiバージョンが0.14.3の場合、以下を使用します

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

テンプレートで直接実行する場合は、次の属性をinput：show-weeks="false"に追加するだけです。

0
ValentinH

週数を非表示にするには、2つの異なる方法を使用できます。

1つ目：コントローラに追加する

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

または2番目の方法：入力フィールドに属性を追加します

show-weeks="'false'"
0
user45205