перейти на другую страницу в выбранные даты отправить

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, вы найдете много ресурсов.

Поскольку вопрос недостаточно ясен, а вы новичок, я просто разбиваю части, чтобы вы поняли, как это должно работать, и теперь вы можете продолжать самостоятельно.