当前位置: 首页 > Web前端 > HTML5

解决ElementUI日期选择器需要自定义修改多种样式

时间:2023-04-05 13:21:54 HTML5

背景:在echart图表中添加日期选择器,动态切换显示用户数据,并在日期选择器中提示当天是否有数据,用户是否查看。技术选择采用elementui2.14.1版本,主要通过在pickerOptions中添加cellClassName实现。代码HTMLelementui日期选择器CSS.circle::after{position:absolute;content:'';right:2px;top:4px;width:5px;height:5px;border-radius:50%;background-color:red;}.backgroundspan{background-color:#C6CDEB;border-radius:50%;color:#000;}标识当前有数据的样式以及用户是否查看数据JSpickerOptions:{cellClassName:(time)=>{for(leti=0;i