【问题标题】:Angular Material MatDatePicker - How to keep it open and separate it from the input field [duplicate]Angular Material MatDatePicker - 如何保持打开并将其与输入字段分开[重复]
【发布时间】:2018-05-01 20:36:23
【问题描述】:

我正在使用来自 Angular Material 的 MatDatePicker。

最好我只想使用日期选择器中的日期选择视图,而不需要打开它的输入字段。

我还想让日期选择器保持打开状态,因此它是静态视图的一部分。

目前日期选择器是这样设置的:

<input type="text" matInput [matDatepicker]="datePickerFrom" readonly name="fromDate" [(ngModel)]="lookup.FromDate" #fromDate="ngModel">
<mat-datepicker #datePickerFrom [opened]="true" [startView]="'month'">
</mat-datepicker>

日期选择器按预期启动,但由于它位于前台,因此当用户单击除日期选择器本身之外的任何其他位置时,它将关闭。

此外,日期选择器需要输入字段 - 预期用途是从输入字段打开日期选择器,然后使用日期选择器视图选择日期。是否可以只使用 datepicker 视图来选择一个 dat,而没有输入字段?

也许 Angular Material Date Picker 不是用于此目的的方法,因此任何替代方案都可能是这个问题的真正答案。

【问题讨论】:

    标签: angular datepicker angular-material


    【解决方案1】:

    导入MatDatePickerModule 但使用&lt;mat-calendar&gt;&lt;/mat-calendar&gt; 组件

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-15
      • 2022-08-15
      • 2023-04-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多