2017-08-16 28 views
1

角度ui日付ピッカーを設定して年月を選択し、日数を表示しないようにしようとしていますが、できませんでした。これを達成するために何か解決策がありますか? は私のplnkrAngularJS日付ピッカー年間と月のみ

http://plnkr.co/edit/JR2EuU?p=preview

angular.module('plunker', ['ui.bootstrap']); 
var DatepickerDemoCtrl = function ($scope) { 
    $scope.today = function() { 
    $scope.dt = new Date(); 
    }; 
    $scope.today(); 

    $scope.showWeeks = false; 


    $scope.open = function($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 

    $scope.opened = true; 
    }; 

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

}; 

のthatsと私はここに、この解決策が見つかりましたが、私は角度のJSを使用するために探していますjqueryのを使用したくない

<input type="text" class="form-control" datepicker-popup="MM/yyyy" ng-model="dt" is-open="opened" datepicker-options="{minMode: 'month'}" datepicker-mode="'month'" show-button-bar="false" show-weeks="false" close-on-date-selection="true" /> 
      <span class="input-group-btn"> 
    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> 

私の見解のthats。 http://plnkr.co/edit/JUSAaQoFtU8Kw1KyvXwN?p=preview

+1

最初に、ui-bootstrapのバージョンは非常に古いです。アップデートを試して、そのホームページをチェックしてください。これもまたお勧めします。http://indrimuska.github.io/angular-moment-picker/年。 –

答えて

0

私は、角度uiを0.10から0.12にアップグレードしたときにうまくいきました。私は、バージョン0.10のドキュメントを見つけることができませんでした

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>

であなたのindex.htmlにライン5を交換してください。最も遠いドキュメントは0.12です。

0

私はindrimuska.github.io/angular-moment-pickerを使用しました。実際にはうまく動作しており、モダンで簡単に設定できます。

関連する問題