javascript - 如果选择日期,隐藏图标
问题描述
我正在尝试完成这个(简单的)任务,但我无法弄清楚。在我的脑海里很容易。
这是带有图标、输入和标签的 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");
}
});
解决方案
我建议您使用输入事件,而不是更改。(基于这个答案
$(".datetime").on('input', function() {
$('.calendar-icon').toggle(!$(this).val());
});
推荐阅读
- python - How can I find the last non-empty row of excel using openpyxl 3.03?
- python - 在 Python 中读取 .txt 文件,避免使用特殊字符替换文件中的原始字符
- node.js - mongodb:查询日历模型中的空闲时间段
- angular - Angular:有条件地导入模块不适用于 AoT
- excel - Excel VBA 中的“无法设置字体类的大小属性”错误,用于条件格式,工作表不受保护
- matlab - 绘制脉冲函数
- python - 在 python 中绘制数组的问题
- elasticsearch - 尝试更新 elasticsearch 中的嵌套 geoip 位置字段
- c# - 实体框架不生成实体类
- laravel - LARAVEL 获取文件内容并拆分以保存在另一个表中