За последние 24 часа нас посетили 22854 программиста и 1246 роботов. Сейчас ищут 807 программистов ...

Автоматическое заполнение input type text от введенной даты в input type date без нажатия кнопки

Тема в разделе "HTML и CSS", создана пользователем IGARRRRR, 6 июл 2019.

  1. IGARRRRR

    IGARRRRR Новичок

    С нами с:
    6 июл 2019
    Сообщения:
    21
    Симпатии:
    0
    Скажите пожалуйста, все перепробовал, не получается.
    Возможно ли сделать так:
    Если введенная дата больше сегодняшней, тогда в input type text будет автоматически заполняться значение value "Не готов", а если меньше, тогда "Готов".

    пробовал на php, но нужен наверное какой то скрипт. Даже мыслей нету. Помогите пожалуйста.

    вот инпуты:

    <input id="datefakt" name="datefakt" type="date" />
    <input id="status" name="status" type="text" value=""/>
     
  2. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    Код (Javascript):
    1. <input id="datefakt" name="datefakt" type="date">
    2. <input id="text" name="status" type="text">
    3. <script>
    4. var datefakt = document.getElementById('datefakt'),
    5.     text = document.getElementById('text'),
    6.     date = new Date('2019-07-06');
    7.  
    8. datefakt.addEventListener('input', function(){
    9.     val = new Date(this.value);
    10.  
    11.     if(val > date){
    12.         text.value = 'Не готов';
    13.     }else{
    14.         text.value = 'Готов';
    15.     }
    16. })
    17. </script>
     
    IGARRRRR нравится это.
  3. IGARRRRR

    IGARRRRR Новичок

    С нами с:
    6 июл 2019
    Сообщения:
    21
    Симпатии:
    0
    Спасибо ОГРОМНОЕ!!!
    Выучу и запомню :)