html
<el-date-picker
v-model="value"
type="date"
:picker-options="pickerOptions"
placeholder="选择日期">
</el-date-picker>
data
pickerOptions:{
//修改给定日期的样式
cellClassName(Date){
if(days.includes(getLocalTimes(Date.getTime()))){
return 'red';
}
}
}
script
var days = [];
function getLocalTimes(ns){
var date = new Date(ns);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
month = month < 10 ? '0'+month : month ;
day = day < 10 ? '0'+day : day ;
date = year + '-' + month + '-' + day;
return date;
}
css
.red{
color: red !important;
}