【问题标题】:Angular- Date Picker disable validationsAngular- 日期选择器禁用验证
【发布时间】:2020-11-09 13:52:40
【问题描述】:

我正在使用 angular8。

我有日期选择器,日期,截止日期,续订日期。如果我选择从日期和截止日期,则续订日期将介于开始日期和截止日期之间。在此,剩余日期将在日期选择器中禁用续订日期。

<mat-form-field style="width:175px; margin-left: 50px;">
     <mat-label>Start Date</mat-label>
         <input matInput readonly [matDatepicker]="picker1" placeholder="Start Date" formControlName="start_date">
     <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
     <mat-datepicker #picker1></mat-datepicker>
</mat-form-field>


<mat-form-field style="width:175px; margin-left: 50px;">
     <mat-label>End Date</mat-label>
         <input matInput readonly [matDatepicker]="picker2" placeholder="End Date" formControlName="end_date">
     <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
     <mat-datepicker #picker2></mat-datepicker>
</mat-form-field>


<mat-form-field style="width:175px; margin-left: 50px;">
     <mat-label>Renewal Date</mat-label>
         <input matInput readonly [matDatepicker]="picker3" placeholder="Renewal Date" formControlName="renew_date">
     <mat-datepicker-toggle matSuffix [for]="picker3"></mat-datepicker-toggle>
     <mat-datepicker #picker3></mat-datepicker>
</mat-form-field>

例如:

  • 自 2050 年 1 月 1 日起
  • 截至日期 05/01/2050
  • 如果我在续订日期 02、03、04/01/2050 中单击日期选择器,只需在日期选择器中启用即可。

我正面临这个问题。帮我解决这个问题....

【问题讨论】:

  • 您需要共享一些代码,并命名您用于日期选择的库...
  • 确定我在这里分享了我的代码 [HTML]
  • 如果 [ HTML ] 是您的全部代码,我相信您应该对如何编写 html 进行更多研究... -.- 开个玩笑,您打算分享链接吗?跨度>
  • 哈哈...抱歉...我在上面编辑了我的问题并编写了我的 html 日期选择器部分..请看我的问题...这足够还是需要更多详细信息?

标签: angular datepicker angular8 uidatepicker angular-ui-datepicker


【解决方案1】:

您可以在 html 中设置最大日期和最小日期验证

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-28
    • 2016-12-27
    • 2022-01-22
    • 2011-02-06
    相关资源
    最近更新 更多