如何仅在720kb AngularJS Datepicker中显示月份和年份

Question

我在我的应用程序中使用了这个angularJS日期选择器，我想知道是否有办法在日历中只显示月份和年份，并删除日期？

这就是我如何使用日期选择器：

<datepicker date-format="MM yy" button-prev-title="previous month" button-next-title="next month" button-prev="<i class='fa fa-arrow-left'></i>" button-next="<i class='fa fa-arrow-right'></i>" id="dtDate" name="dtDate" >
    <input ng-model="dtDate" />
</datepicker>

我试图添加date format=“MM yy”，但它只更改选定的日期，而不更改日期选择器本身。

Answer 1

我对angularjs datepicker也有同样的问题。我用了另一个日期选择器：angularjs材料。以下是您如何使用它：

<md-datepicker ng-model="startDate" md-mode="month" md-placeholder="dd/MM/yyyy" md-date-locale="mylocale" md-open-on-focus></md-datepicker>

然后在控制器中：

function pad(n) {return n < 10 ? "0"+n : n;}
$scope.mylocale = {
  formatDate: function(date) {
    var d=new Date(date);
     if(isNaN(d.getTime())) {
       return '';
     } else {
       return pad(d.getDate())+"/"+pad(d.getMonth()+1)+"/"+d.getFullYear();
     }
  },
  parseDate: function(date) {
     var ds = date.split('/');
     var d=new Date(ds[2],ds[1]-1,ds[0]);
     if(isNaN(d.getTime())&&d!=''){
       return new Date(NaN);
      } else {
        return d;
      }
   } };

它正在发挥作用。只要确保输入无效时正确处理大小写即可。（form.startDate.$invalid）。

如果有人有angularjs datepicker的解决方案，请告诉我们。

Answer 2

我想您可能对使用我创建的git存储库感兴趣。https://github.com/morfsys/multiple-month-picker

这是如何在您的项目中使用它：

HTML

<input type="text" multiple-month-picker />

JS

//Initiate your app by injecting 'mmp-morfsys'
var app = angular.module('app-name', ['mmp-morfsys'])

它可以帮助您在多年中选择多个月。最好的事情是什么？在安格拉斯。

我希望这对你有帮助。