为layDate输入框加上图标的方法（附代码）-木庄网络博客

本文摘自PHP中文网，作者尚，侵删。

为layDate输入框加上图标的方法：

基于layui 2.3.0-rc1

为laydate输入框加上图标，让laydate输入框更显眼

先看图片

修改的地方

修改模块css laydate.css里添加：

.laydate-with-icon{
    position: relative;
}
.laydate-with-icon .laydateinput{
    margin-right: 24px;
}
.laydate-with-icon .laydate-input-icon{
    position:absolute;right:5px;top:50%;margin-top:-12px;width:16px;height:24px;color:#aaa;
}

laydate.js模块（未压缩版）
在450行 if(!options.elem[0]) return; 后添加

if (!isStatic) {   
      lay.each(options.elem,function(i,item) {
        var icon=lay.elem("i",{
          class:"layui-icon laydate-input-icon"
        });
        icon.innerHTML="& # xe637;";//这里要去掉innerHTML后面值里的空格
        var pnode=item.parentNode;
        var objdiv = lay.elem('div', {
          'class': 'laydate-with-icon'
        });
        lay(item).addClass("laydateinput");
        pnode.insertBefore(icon,item);
        pnode.insertBefore(objdiv,item);
        objdiv.appendChild(item);
        objdiv.appendChild(icon);
      });
    }