角材料（md-datepicker）-如何在一頁中將不同的日期格式設置為不同的日期選擇器

Question

我正在使用角度材質（md-datepicker）。 我的要求是根據選擇設置不同的日期格式。 即，如果用戶選擇“每日”，則日期選擇器將顯示“ MM / DD / YYYY”。 如果用戶選擇“每月”，則日期選擇器應顯示“ MMM YYYY”，而對於“每小時”，則應為“ MM / DD / YYYY hh：mm”

https://plnkr.co/edit/S4mnF7?p=preview

使用md-datepicker是否可行？ 我看不到任何在HTML中設置格式屬性的選項。 看到了$mdDateLocaleProvider的文檔。 但是它沒有提供為不同的控件設置不同格式的選項。

Answer 1

您可以使用$ mdDateLocaleProvider ， formatDate函數設置日期格式：該函數將日期對象格式化為字符串。 datepicker指令還提供了時區（如果已指定）。

在datepicker指令中，您可以使用md-date-locale屬性：這允許$ mdDateLocaleProvider中的值按每個元素覆蓋（例如，msgOpenCalendar可以用md-date-locale =“ { msgOpenCalendar：“打開特殊日歷”}“）。

就像是：

<md-datepicker ng-model="myDate"  md-date-locale="mylocale"></md-datepicker>
<md-datepicker ng-model="myOtherDate"  md-date-locale="myOtherlocale"></md-datepicker>

並在控制器中

$scope.mylocale = {
  formatDate: function(date) {
    var m = moment(date);
    return m.isValid() ? m.format('YYYY') : '';
  }
};
$scope.myOtherlocale = {
  formatDate: function(date) {
    var m = moment(date);
    return m.isValid() ? m.format('MMMM YYYY') : '';
  }
};

https://embed.plnkr.co/u9wY3rvtpmXdQ7zrbMpB/