Если дата выбрана, скрыть значок

Question

Я пытаюсь выполнить эту (простую) задачу, но не могу понять.Это легко в моей голове.

Это div с иконкой, вводом и меткой:

<div id="datefromto" class="field text-field @if(isset($value)){{ 'active' }}@endif @if(isset($readonly)){{ 'readonly' }}@endif">
        <label>{{ $label }} From:</label>
        <i class="material-icons calendar-icon">access_time</i>
        <input  name="{{ $name }}" type="text" class="datetime" @if(isset($value))value="{{ $value }}"@endif>
    </div>

Я пробовал это, но это бесполезно:

   $('#datefromto input[type=text]')(function(){
    if ($(this).val()){
        $('.calendar-icon').css("display", "none");
    }
});

Answer 1

Я бы посоветовал вам использовать входное событие вместо изменения.(на основе этого ответа

 $(".datetime").on('input', function() {
        $('.calendar-icon').toggle(!$(this).val());
    });

Answer 2

Почти нет.Добавьте обработчик change к элементу ввода, в котором установлена ​​дата, и скройте значок

    $(".datetime").on('change', function() {
        if(this.val()) {
            $('.calendar-icon').css("display", "none");
        }
    });