element-UI-----vue3时间选择器格式化选择的时间对象为字符串以及给时间选择器设置宽高

vue3使用时间选择器（

两个要点：value-format="YYYY-MM-DD" 表示时间格式要全大写

直接写style的width格式就可以改时间选择器的宽高

）

<el-date-picker v-model="searchForm.beginTime" value-format="YYYY-MM-DD" type="date" placeholder="请输入开始日期" style="width:150px;" />
<span style="margin: 0px 20px;">到</span>
<el-date-picker v-model="searchForm.endTime" value-format="YYYY-MM-DD" type="date" placeholder="请输入结束日期" style="width:150px;"/>

改时间选择器的宽高，不要用这个样式改，改出来时间选择器的实际宽会小于组件的样式显现出来的宽，导致遮住时间选择器左右两边的内容

::v-deep .el-input--large .el-input__inner {
  width: 83%;
}

注意：下面这种做法配合 highlight-current-row 更好用

/* 鼠标悬停时的背景颜色 */
::v-deep .el-table tbody tr:hover>td {
  background-color: #dfeefe !important;
}
 
/* 鼠标点击时的背景颜色 */
::v-deep .el-table__body tr.current-row>td {
  background-color: #dfeefe !important;
}

Tips:

yyyy-MM-dd HH:mm:ss大小写区别

①月份如果小写的话 就是yyyy-mm-dd HH:mm:ss

• 这样子就会月份和分钟混了，两个都是小写mm，最后两个都显示分钟

• MM是月份，mm是分钟

②小时如果小写的话 就是yyyy-MM-dd hh:mm:ss

• 这样子如果是下午两点半 大写的HH会表示为14:30 小写的hh会表示为2:30

• HH为24小时制，hh为12小时制