установка минимального атрибута выбора даты из значения другого выбора даты

Question

Я пытаюсь воссоздать средство выбора типа отправления и возврата для фиктивной туристической компании.

<input type="date" id='depart_date' name="depart_date">

<input type="date" id='return_date' name="return_date" disabled>

При щелчке по дате отъезда удаляется отключенный атрибут из средства выбора даты возвращения.У меня также есть некоторые jquery / js, которые устанавливают минимальное значение средства выбора даты отъезда в качестве текущей даты.

Что я хочу сделать, это после того, как пользователь выбрал дату отъезда, я хочу установить эту дату какминимальное значение для даты возвращения, потому что, очевидно, ваша дата возвращения не может быть раньше даты вашего отъезда.

Что я пробовал:

 $('#depart_date').click(function(){
    var departDate = $('#depart_date').val();
    $('#return_date').prop("disabled", false);
    $("#return_date").setAttribute("min", departDate);
 });

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

Answer 1

Вам просто нужен метод jquery attr http://api.jquery.com/attr/

Также вы можете использовать метод элемента DOM $("#return_date")[0].setAttribute, но это будет работать только для одного элемента, в то время как метод jquery будет применяться квсе элементы, соответствующие селектору.

 $('#depart_date').change(function(){
    var departDate = $('#depart_date').val();
    $('#return_date').prop("disabled", false);
    $("#return_date").attr("min", departDate);
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id='depart_date' name="depart_date">
<input type="date" id='return_date' name="return_date" disabled>