Question

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

我的.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>

Answer 1

将结束日期和开始日期放置在这样的模型中：

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

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

如果结束日期小于开始日期，日期检查将无法显示错误

1 个答案: