角材料日期选择器服务

时间:2019-02-11 11:35:05

标签: angular datepicker angular-material angular6

我正在使用这个有角度的素材库:

https://material.angular.io/components/datepicker/api

并且我正在尝试使用他们建议的服务MatDatepickerIntl。

datepicker.component.html:

  <mat-form-field class="example-full-width">
    <input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker"  placeholder="Choose a date">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker  #picker></mat-datepicker>
  </mat-form-field>

datepicker.component.ts

  constructor(public datePicker: MatDatepickerIntl) { }

  ngOnInit() {

    this.datePicker.changes
      .subscribe(ch => {
        console.log(ch);
      })
  }

,但其剂量似乎捕获了日期选择器标签中的更改。 我需要将服务附加到我的mat-datepicker选择器上吗?

2 个答案:

答案 0 :(得分:0)

我认为您需要在app.module.ts文件中导入MatDatepickerModule

private void getPlace() {
    if (ActivityCompat.checkSelfPermission(getContext(), android.Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
        return;
    }
    //noinspection MissingPermission
    Awareness.SnapshotApi.getPlaces(mGoogleApiClient)
            .setResultCallback(new ResultCallback<PlacesResult>() {
                @Override
                public void onResult(@NonNull final PlacesResult placesResult) {
                    if (!placesResult.getStatus().isSuccess()) {
                        Toast.makeText(getContext(), "Could not get places.", Toast.LENGTH_LONG).show();
                        return;
                    }
                    List<PlaceLikelihood> placeLikelihoodList = placesResult.getPlaceLikelihoods();
            //do smth..
                }
            });
}

答案 1 :(得分:0)

对于一直想要完成此任务的人(例如我)可能会有所帮助。一种方法是实施自己的方法。我已经尝试过选择模型。可能会给您一些有关如何实现所需功能的提示。

    export class MySelectionModel<D> extends MatRangeDateSelectionModel<D> {
        isComplete(): boolean {
               // your implementation here.
        }
    }

    @Component({
      providers: [
        {
           provide: MatDateSelectionModel,
           useClass: MySelectionModel
        }