【问题标题】:Date check is not working to show error if End Date is less than Start Date如果结束日期小于开始日期,日期检查将无法显示错误
【发布时间】:2019-05-06 13:03:51
【问题描述】:

我正在尝试在我的表单中添加一个检查,以检查结束日期是否小于开始日期,它应该抛出一个不起作用的错误。不知道这里有什么问题。

我的.html代码如下:

<label class="col-md-2 form-control-label">Event Starting Date</label>
  <div class="col-md-4">
    <input class="validate" #startdate="ngModel" [(ngModel)]="input.event_starting_date" name="startdate" type="date" placeholder="Event Starting Date" class="form-control" required>
     <div class="alert alert-danger" *ngIf="startdate.touched && !startdate.valid">Starting Date is required!</div>                        
</div>

 <label class="col-md-2 form-control-label">Event Ending Date</label>
   <div class="col-md-4">
     <input class="validate" #enddate="ngModel" [(ngModel)]="input.event_ending_date" name="enddate" type="date" placeholder="Event Ending Date" class="form-control" required>
        <div class="alert alert-danger" *ngIf="enddate.touched && !enddate.valid">Ending Date is required!</div>
        <div class="alert alert-danger" *ngIf="enddate<startdate">Ending Date Must be greater than Starting Date!</div> 

【问题讨论】:

    标签: html angular6 angular-ui-bootstrap angular-date-format


    【解决方案1】:

    结束日期和开始日期放在这样的模型中:

    date = {
        year: '',
        month: '',
        day: ''
      };

    您是否尝试过比较两种日期模型的每个不同属性?我认为您不能直接将这两个模型相互比较,因为它们都有自己的基础属性。

    【讨论】:

      猜你喜欢
      • 2018-03-06
      • 1970-01-01
      • 1970-01-01
      • 2018-12-25
      • 2017-09-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-23
      相关资源
      最近更新 更多