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

当前第2页返回上一页

.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 (!isStatic) {   
    lay.each(options.elem,function(i,item) {
      var icon=lay.elem("i",{
        class:"layui-icon laydate-icon laydate-input-icon"
      });
      icon.innerHTML="& # xe602;"; //这里请去掉innerHTML值里的空格，可以改成自己的图标，暂时用laydate的右箭头图标显示
      var pnode=item.parentNode;
      var objdiv = lay.elem('div', {
        'class': 'laydate-with-icon'
        ,"style":"width:"+item.offsetWidth+"px;"
      });
      lay(item).addClass("laydateinput");
      pnode.insertBefore(icon,item);
      pnode.insertBefore(objdiv,item);
      objdiv.appendChild(item);
      objdiv.appendChild(icon);
    });
  }