通过css样式去掉鼠标点击事件及点击呈现的样式:
@mixin clickDisable {
pointer-events: none;
cursor: default;
//opacity: 0.6;
}
// 去掉日历头部的下拉选项
::ng-deep {
.ant-radio-button-wrapper {
@include clickDisable();
&:first-child {
border-color: #d9d9d9;
}
}
.ant-select-selector {
@include clickDisable();
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
color: rgba(0, 0, 0, 0.65);
}
.ant-select-arrow {
display: none;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
padding: 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
min-width: 0;
@include clickDisable();
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
min-width: 0;
@include clickDisable();
}
}