layDate 输入框内添加的小图标可点击

需求:
如下图,在layDate的输入框内,添加了一个icon图标,并希望点击图标,也可以和点击输入框一样,弹出日期选择框。
layDate 输入框内添加的小图标可点击_第1张图片
实现代码:




添加eventElem和trigger这两个属性便轻松解决。

此解决方法学习自:
https://fly.layui.com/jie/45668/

记录下我的失败试验:

  1. input:after
    本来想在 input:after {content:’’} 内通过此方式加字体图标,以规避点击字体图标不弹框的问题。但是,
    input 对:after 的支持度并不好,content的内容并未显示。
    故放弃此方法。

  2. 给icon加点击事件,手工触发input的click事件

$('.iconfont').click(function(){
		$('#startTime').trigger('click');
});

但是,实际效果也并不尽如人意。。
点击输入框触发点击事件时,是有相关位置信息的:
在这里插入图片描述
而通过代码触发的点击事件,没有这些相关位置信息,弹出框显示在哪的位置插件就无法准确计算:
在这里插入图片描述

你可能感兴趣的:(#,layer,#,JQuery,&,layer)