如何在720kb的AngularJS日期选择器中仅显示月份和年份

Question

我正在我的应用程序中使用this angularJS日期选择器，我想知道是否有一种方法可以在日历中只显示月份和年份，并删除日期？

下面是我使用datepicker的方法：

<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

我想您可能会对使用我创建的这个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'])

它可以帮助您选择跨多年的多个月。最好的事情是什么？它在AngularJS上。

我希望它能对你有所帮助。

Answer 2

我对angularjs-datepicker也有同样的问题。我使用了另一个datepicker：angularjs-material。下面是你使用它的方法：

<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的解决方案，请让我们知道。