Question

我在下面描述了预订日历的代码，我希望当我按下提交时，它将通过导航进入另一个页面。函数应检查开始日期是否大于现在，结束日期是否大于开始日期-为true时->导航至其他页面。

提前谢谢你们

<div class="container">
  <div class="row-center">
    <div class="jumbotron">
      <div class="row">
        <div class="col-md-4 col-sm-4">
          <h4 class="red">Start Date</h4>
          <input name="start" type="date" class="form-control " placeholder="Start date">
        </div>
        <div class="col-md-4 col-sm-4">
          <h4 class="red">End Date</h4>
          <input name="end" type="date" class="form-control" placeholder="End date">
        </div>
        <div class="col-md-3 col-sm-2">
          <input id="btnOpen" class="btn btn1 btn-success" type="submit" value="Submit">
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

在您的示例中，我找不到任何应在点击时触发的方法。

假设您不知道该怎么做，我正在回答。

像这样更改您的html。

<input id="btnOpen" class="btn btn1 btn-success" type="submit" value="Submit" (click)="submitClicked()">

您必须在.ts文件中创建一个函数，该函数将在按钮单击事件时触发。这里的方法名称是submitClicked()。因此，代码将是这样的。

submitClicked() {
  //here you will write the logic what should this function do when the submit is clicked
  // you will need something like this
  if(todayDate > start && todayDate < end){
    //navigate to another page
  }
}

如果您不知道如何比较日期或如何在另一个页面中导航，请使用Google进行搜索，您会发现很多资源。

由于问题还不够清楚，您是新手，所以我只是在分解各个部分，以使您了解其工作方式，以便您现在可以继续自己做下去。

在选定的日期导航到其他页面提交

1 个答案: