如何移除Bootstrap Datepicker中显示历史选择年份的提示框？

针对你遇到的问题，以下几个实用方案可以尝试：

方案1：禁用浏览器自动补全 #

浏览器自带的输入框自动补全可能会显示历史选中的年份，直接给Datepicker绑定的输入框添加autocomplete="off"属性：

<input type="text" id="yearPicker" autocomplete="off">

方案2：修改Datepicker配置，屏蔽组件自身的历史提示 #

如果是Datepicker组件自带的历史选中提示，试试添加这些配置项：

$('#yearPicker').datepicker({
  format: "yyyy",
  viewMode: "years",
  minViewMode: "years",
  autoclose: true,
  clearBtn: true, // 可选，添加清除按钮方便重置年份
  beforeShow: function(input, inst) {
    // 弹出日历前强制移除所有可能存在的提示元素
    $('.datepicker').find('.tooltip').remove();
  }
});

方案3：用CSS强制隐藏提示元素 #

如果上述方法都无效，直接通过CSS屏蔽相关提示元素：

/* 隐藏Datepicker组件的tooltip提示 */
.datepicker .tooltip {
  display: none !important;
}
/* 屏蔽浏览器自动补全的下拉样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

补充说明 #

你之前尝试的showTooltip: false和beforeShowDay无效，是因为beforeShowDay是针对日视图的回调，而你使用的是年份视图，该回调不会生效；部分Bootstrap Datepicker版本也没有showTooltip这个全局配置项，所以上述方案更直接有效。

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