Как сделать startdate и end в bootstrap реагировать на js? - PullRequest
Новая
       24

Как сделать startdate и end в bootstrap реагировать на js?

0 голосов
/ 22 октября 2019

Я пытаюсь ввести дату начала и окончания в эту дату, чтобы, если я выберу, например, 10/10/2019, то дату окончания следует начинать с 10/10/2019 не раньше 10, поэтому я пытался, ноЯ не смог реализовать, поэтому, пожалуйста, объясните мне, как сделать это в реагировать JS, а также отключил будущую дату после текущей даты, вот мое поле ввода даты 

<div className="col-sm-4">
    <div className="form-group">
        <span style={{ opacity: "0.6", fontSize: "13px" }}>To</span>
        <input
          type="date"
          name="from"
          id="startdate"
          className="form-control datepicker"
          style={{ width: "150px" }}
        />
      </div>
</div>
<div className="col-sm-4">
    <div className="form-group">
        <span style={{ opacity: "0.6", fontSize: "13px" }}>From</span>
        <input
          type="date"
          name="to"
          id="enddate"
          placeholder="Select Date"
          className="form-control datepicker"
          style={{ width: "150px" }}
        />
    </div>
</div>

1 Ответ

0 голосов
/ 22 октября 2019

Для этого можно использовать свойство «min» типа ввода HTML5 date. Что-то вроде кода ниже. Пожалуйста, проверьте, соответствует ли это вашей цели.

Свойство "min" для параметра "На дату" установлено на дату, выбранную в поле "с даты", поэтому мы можем выбрать только дату, начинающуюся с этой даты, и не можемвыберите любые предыдущие даты. Существует также свойство "max" для ввода даты, которое можно использовать для дополнительных элементов управления.

https://codesandbox.io/s/vigilant-diffie-vley9

...