如何获取 ngx-daterangepicker-material 的日期值并在 onSubmit() 中使用它们?

我想使用两个日期值(范围)过滤表格
你能帮我如何在 onSubmit() 函数内的打字稿中获取 startDate 和 endDate 吗? 这是我的代码:

HTML 代码:

<form [formGroup]="filtreForm" (ngSubmit)="onSubmit()">
    <div class="row">
      <div class="col s6">
        <input type="text"
               ngxDaterangepickerMd
               [(ngModel)]="selected"
               [showCustomRangeLabel]="true"
               [alwaysShowCalendars]="alwaysShowCalendars"
               [ranges]="ranges"
               [showClearButton]="true"
               [showCancel]="true"
               [linkedCalendars]="true"
               [isTooltipDate] = "isTooltipDate"
               [isInvalidDate] = "isInvalidDate"
               [locale]="{applyLabel: 'Done'}"
               (rangeclicked)="rangeclicked($event)"
               (datesUpdated)="datesUpdated($event)"
               [keepCalendarOpeningWithRange]="keepCalendarOpeningWithRange"
               [showRangeLabelOnInput]="showRangeLabelOnInput"
               class="form-control"
               placeholder="Select please..."/>
      </div>
    </div>
    <!--End -DatePicker-->
    <div style="min-width: max-content; max-width: max-content;">
      <button type="submit" mat-mini-fab color="primary"><i class="fa fa-search"></i></button>
    </div>
  </div>
</form>

打字稿代码:

export class CustomRangesComponent implements OnInit {
selected: any;
alwaysShowCalendars: boolean;
ranges: any = {
  'Today': [moment(),moment()],'Yesterday': [moment().subtract(1,'days'),moment().subtract(1,'days')],'Last 7 Days': [moment().subtract(6,'Last 30 Days': [moment().subtract(29,'This Month': [moment().startOf('month'),moment().endOf('month')],'Last Month': [moment().subtract(1,'month').startOf('month'),'month').endOf('month')]
}
invalidDates: moment.Moment[] = [moment().add(2,moment().add(3,moment().add(5,'days')];

isInvalidDate = (m: moment.Moment) =>  {
  return this.invalidDates.some(d => d.isSame(m,'day') )
}

constructor() {
  this.alwaysShowCalendars = true;
}
 onSubmit() {
   
    });
} 

这是我遵循的教程https://fetrarij.github.io/ngx-daterangepicker-material/custom-ranges

S329817566 回答:如何获取 ngx-daterangepicker-material 的日期值并在 onSubmit() 中使用它们?

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/1253.html

大家都在问