elementui时间日期组件右边自定义图标

效果

改为

首先是将左边的清除图标关闭

然后是将右边的图标设置为display：none,设置宽度，左右内边距

最后是

  mounted() {
    /*
      思路：通过document文档，选中日期时间选择器元素，然后创建一个i标签，
            并服务器托管网指定其类名为el-icon-date，并将其插入到日期时间选择器元素中
            然后通过样式的控制调整其到时间选择器尾部的位置
     */
    const keyNode = document.querySelector('.el-date-editor')
    const iNode = document.createElement('i')
    iNode.setAttribute('class', 'el-icon-arrow-down')
    keyNode.appendChild(iNode)
    iNode.style.position = 'absolute'
    iNode.style.top = '10px'
    iNode.style.right = '8px'
  },

服务器托管，北京服务器托管，服务器托管网服务器租用 http://www.fwqtg.net

相关推荐: 【虹科分享】杭州亚运会精彩纷呈，在下来摆龙门阵！

咳咳，江湖传闻，有武林盟会，相约每隔四年，擂鼓鸣金，以武会友。华夏之国，尝历事东道主，庚午年八月初四于燕京（北京）、庚寅年十月初七于楚庭（广州），数年已过，今岁，钱塘将承此盛会！ 此可谓是空前盛事，来赴会者约有数万之众。所谓，有朋自远方来，不亦乐乎？于是，就有…