el-date-picker hover tooltip

要在el-date-picker上添加hover tooltip，可以使用CSS伪类:hover和::before或::after来实现。具体步骤如下：

1.首先，在el-date-picker的父元素上添加position: relative;属性，以便在其上添加::before或::after伪元素。

2.然后，在el-date-picker的父元素上添加:hover伪类，以便在鼠标悬停时显示tooltip。

3.接下来，在:hover伪类下，使用::before或::after伪元素来创建tooltip。可以使用content属性来设置tooltip的文本内容，并使用position、top、left等属性来设置tooltip的位置。

下面是一个示例CSS代码，用于在el-date-picker上添加hover tooltip：

.el-form-item:hover::before {
  content: "选择起始和结束日期";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
}

这段代码将在el-form-item上添加hover tooltip，当鼠标悬停在el-date-picker上时，将显示一个黑色背景的白色文本tooltip，显示文本为“选择起始和结束日期”。