如何移除Bootstrap Datetimepicker当前月份视图中的前后月份日期

嘿，我完全懂你想把日历里那些不属于当前查看月份的上月/下月灰色日期去掉的需求！这其实不难，给你两种靠谱的解决方法：

方法一：用CSS直接隐藏（最简单） #

Bootstrap Datetimepicker给非当前月的日期加了特定的类名——.old（上月剩余日期）和.new（下月超前显示的日期），我们只需要用CSS把这些元素隐藏掉就行：

/* 隐藏非当前月的日期 */
.datepicker-days .old,
.datepicker-days .new {
    display: none !important;
}

小贴士：如果你的插件版本类名略有不同，可以打开浏览器开发者工具，选中那些灰色日期，看看它们的类名是什么，替换上面的选择器就行。另外加上!important是为了确保覆盖插件默认的样式。

方法二：通过JS配置禁用显示（更“原生”的方式） #

如果你不想用CSS hack，也可以在初始化Datetimepicker的时候，通过配置参数直接关闭非当前月日期的显示。以常用的Eonasdan版本为例，只需要设置showOutOfCurrentMonth为false：

// 初始化Datetimepicker时添加配置
$('#your-datetimepicker-id').datetimepicker({
    // 其他配置项...
    showOutOfCurrentMonth: false
});

这个参数会告诉插件不要渲染当前月份之外的日期，从根源上解决问题，比CSS隐藏更彻底。

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