小编Mar*_*.ka的帖子

Angular Material 6 日期选择器在同一组件中使用不同的格式

我需要在一个组件视图的两个 mat 日期选择器字段中选择两种不同的日期格式(YYYY-MM-DD 和 YYYY-MM)。

我使用的是角度 6.0.3 和材质 6.4.7。

我使用 MAT_DATE_FORMATS 在应用程序模块中将日期选择器格式配置为 YYYY-MM-DD,它在全局范围内工作,但我需要在一些日期选择器字段中将此格式覆盖为 YYYY-MM,如我上面所写。不幸的是,我不知道如何才能实现这一目标。

请问你能帮帮我吗?

我的部分代码:

        import { Component, OnInit, ViewChild } from '@angular/core';
    import { FormGroup, FormControl } from '@angular/forms';

    @Component({
      selector: 'app-invoice-list',
      templateUrl: './invoice-list.component.html',
      styleUrls: ['./invoice-list.component.css']
    })
    export class InvoiceListComponent {

      filterForm: FormGroup;

      @ViewChild('month_picker') month_picker;

      constructor() {
        this.filterForm = new FormGroup({
          assigned_date_from: new FormControl(),
          assigned_date_to: new FormControl(),
          assigned_month: new FormControl(),
        });
      }
    }

<div class="container" [formGroup]="filterForm">
  <div class="container" fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutGap="0.5%" fxLayoutAlign="start">
      <div fxFlex="32%">
        <mat-form-field>
            <input matInput …
Run Code Online (Sandbox Code Playgroud)

datepicker angular-material angular

3
推荐指数
1
解决办法
5374
查看次数

标签 统计

angular ×1

angular-material ×1

datepicker ×1