md-datepicker视图应该只显示几个月

我正在开发一个项目，我有一个md-datepicker，我希望这个md-datepicker只显示一年中的月份（一月，二月等等） ......）。我怎样才能做到这一点？md-datepicker视图应该只显示几个月

这是到目前为止我的代码：

HTML

<md-datepicker ng-model="currentDate" md-current-view="month" md-date-filter="monthlyDate"></md-datepicker>

var app = angular.module("DashboardApp", ['ngMaterial', 'ngAnimate','md.data.table']); 
app.controller('rptController', ['$scope', function ($scope) { 
$scope.currentDate = new Date(); 
$scope.monthlyDate = new Date($scope.currentDate.getMonth('MM'))}]);

来源

2016-09-27 Ryu Roble

这听起来像你想的MD-选择，而不是MD-日期选择器。看下面的例子。

(function() { 
 
    angular 
 
    .module('exampleApp', ['ngAnimate', 'ngAria', 'ngMaterial']) 
 
    .controller('ExampleController', ExampleController); 
 

 
    function ExampleController() { 
 
    var vm = this; 
 
    vm.monthNames = ["January", "February", "March", "April", "May", "June", 
 
     "July", "August", "September", "October", "November", "December" 
 
    ]; 
 
    } 
 
    ExampleController.$inject = []; 
 
})();

<!DOCTYPE html> 
 
<html ng-app='exampleApp'> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js"></script> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-animate.min.js"></script> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-aria.min.js"></script> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.css"> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.js"></script> 
 
</head> 
 

 
<body ng-controller="ExampleController as vm"> 
 
    <md-input-container> 
 
    <md-select ng-model="vm.chosenMonth" placeholder="Select a month"> 
 
     <md-option ng-value="month" ng-repeat="month in vm.monthNames">{{ month }}</md-option> 
 
    </md-select> 
 
    </md-input-container> 
 
</body> 
 

 
</html>

来源

2016-09-27 04:59:55 ScottL

感谢@ScottL，这正是我所做的，因为'MD-datepicker'有没有属性尚未选择和显示一个月或一年只。我尝试使用'md-current-view =“year”'，但点击一个月之后仍显示日期。十分感谢你的帮助。 –

这是可能的日期选择器，与最新版本。您可以设置md-mode="month"工作演示下面

<md-input-container flex="100" layout="column"> 
      <div style="font-size: 10px; color: blue;" label ng-bind="::dateFields[2].label"></div> 
      <md-datepicker ng-model="dateFields.selectedDate" 
        ng-required="dateFields.required" 
        md-date-locale="dateFields.locale" 
        md-mode="month" 
        md-open-on-focus="true"> 
     </md-datepicker> 
    </md-input-container>

DEMO

来源

2016-12-06 10:09:35 Sajeetharan

不错的演示对用户好 –

我使用CDN的角度材料库，它不会工作。它似乎只适用于来自formhero的图书馆。为什么？ –

明白了。更多信息https://github.com/angular/material/issues/9260 –

md-datepicker视图应该只显示几个月

回答

相关问题