Angular中bs-datepicker-inline显示异常，如何隐藏首行日期？

方案一：通过CSS隐藏无关日期 #

ngx-bootstrap的bs-datepicker-inline组件中，上月的日期会被自动添加bs-datepicker-prev-month类，下月日期则对应bs-datepicker-next-month类。你可以通过自定义CSS来隐藏这些元素：

/* 隐藏所有上月和下月的日期 */
#bsdatepickerinline .bs-datepicker-prev-month,
#bsdatepickerinline .bs-datepicker-next-month {
  display: none;
}

如果只需要隐藏首行的上月日期（也就是你提到的27-32号这类上月末尾日期），可以用更精确的选择器：

/* 仅隐藏首行中的上月日期 */
#bsdatepickerinline .bs-datepicker-body tr:first-child .bs-datepicker-prev-month {
  display: none;
}

样式穿透说明 #

因为Angular组件默认有样式封装特性，如果上述CSS没生效，可添加:host ::ng-deep来穿透组件样式隔离：

:host ::ng-deep #bsdatepickerinline .bs-datepicker-prev-month {
  display: none;
}

内容的提问来源于stack exchange，提问作者user3653474