Javascript MD Datepicker在从年月日历模式中选择年月后显示完整日期

我使用的是材料设计，只能显示月份和年份。所以我使用了月份模式。但是现在，当用户选择年份和月份时，整个日期都是可见的，例如，如果我从日期选择器中选择了2019年2月，它将显示您选择了2019年2月1日。相反，我们只想要2019年2月

这是我的html md代码

<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>

---

我应该编辑什么才能得到选择后的月份和年份

您可以根据需要使用moment js格式化日期

var monthFormat = buildLocaleProvider("MMM-YYYY");
  var ymdFormat = buildLocaleProvider("YYYY-MM-DD");


  function buildLocaleProvider(formatString) {
    return {
      formatDate: function(date) {
        if (date) return moment(date).format(formatString);
        else return null;
      },
      parseDate: function(dateString) {
        if (dateString) {
          var m = moment(dateString, formatString, true);
          return m.isValid() ? m.toDate() : new Date(NaN);
        } else return null;
      }
    };
  }


  $scope.dateFields = {
    ......
    locale: monthFormat
  };

看看这个演示

参考答案-