如何禁用Bootstrap Datetimepicker的历史日期下拉列表？

这个问题我之前也碰到过！其实这个不断变长的下拉列表不是Bootstrap Datetimepicker组件自带的功能，而是浏览器默认的输入框自动补全特性——浏览器会记录你之前在该输入框中输入过的内容，每次点击输入框就会展示这些历史记录，时间久了就会覆盖选择器。

下面给你两种简单的解决方法：

方法一：直接修改HTML输入框 #

给你的dateDebut输入框添加autocomplete="off"属性，直接禁用浏览器的自动补全功能：

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

方法二：通过JavaScript设置属性 #

如果你不想修改HTML代码，也可以在初始化Datetimepicker之前，用jQuery给输入框设置自动补全禁用属性：

$(document).ready(function(){
  // 先禁用浏览器自动补全
  $('#dateDebut').attr('autocomplete', 'off');
  
  // 初始化Datetimepicker
  $('#dateDebut').datetimepicker({
    format: 'YYYY-MM-DD hh:mm A',
    useCurrent: false,
    maxDate: new Date()
  });
});

补充说明 #

部分现代浏览器对autocomplete="off"的支持有特殊处理，如果上面的方法无效，可以尝试替换成autocomplete="new-password"——这个属性浏览器通常不会进行自动填充，同样可以加到HTML或通过JS设置。

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