如果选择日期，隐藏图标答案

【问题标题】：If date is selected, hide icon如果选择日期，隐藏图标
【发布时间】：2019-06-03 07:37:37
【问题描述】：

我正在尝试完成这个（简单的）任务，但我想不通。在我的脑海里很容易。

这是带有图标、输入和标签的 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");
    }
});

【问题讨论】：

可以检查输入是否有焦点。见stackoverflow.com/questions/967096/…

标签： javascript jquery css input display

【解决方案1】：

我建议您使用输入事件，而不是更改。（基于this answer

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

【讨论】：

【解决方案2】：

差不多了。将change 处理程序添加到设置日期的输入元素并隐藏图标

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

【讨论】：