如何将Bootstrap DatePicker的开始日期设置为次日凌晨12点？

我明白你的需求了——你希望Bootstrap DatePicker严格从次日凌晨00:00开始允许选择日期，而不是当前时间往后推24小时。默认的data-date-start-date="+1d"确实会有问题，因为它是基于当前时间计算的，如果现在是下午3点，那它会把可选起始时间设为明天下午3点，而不是你需要的凌晨0点。

下面提供两种可行的实现方案：

方案一：JavaScript动态计算起始日期（推荐） #

这种方式会自动计算次日的日期（精确到00:00），无需手动更新，适合长期使用。

修改后的代码： #

<div class="input-group date" id="insurance-datepicker" data-provide="datepicker" data-date-autoclose="true" data-date-start-view="0" data-date-force-parse="false"></div>

<script>
// 计算次日的日期，格式化为YYYY-MM-DD（对应凌晨00:00）
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
const tomorrowDateStr = tomorrow.toISOString().split('T')[0];

// 初始化DatePicker并设置起始日期
$('#insurance-datepicker').datepicker({
    startDate: tomorrowDateStr
});
</script>

代码解释： #

• tomorrow.setDate(tomorrow.getDate() + 1)：将当前日期加1天，得到次日的日期对象。
• tomorrow.toISOString().split('T')[0]：把日期对象转换为YYYY-MM-DDTHH:mm:ss.sssZ格式的字符串，然后截取T之前的部分，得到纯日期字符串（默认对应该日期的00:00:00）。
• 通过startDate选项设置这个纯日期字符串，DatePicker会自动将起始时间锁定为次日凌晨0点。

方案二：静态Data属性设置（仅临时使用） #

如果你只是临时测试，也可以手动指定次日的日期作为data-date-start-date的值，但这种方式需要每天手动更新，不适合生产环境：

<div class="input-group date" data-provide="datepicker" data-date-autoclose="true" data-date-start-view="0" data-date-force-parse="false" data-date-start-date="2024-05-21"></div>

验证效果： #

设置完成后，打开DatePicker会发现：

• 当天及之前的日期会被禁用
• 次日及以后的日期可以正常选择，且选中的日期对应的生效时间会自动从次日凌晨0点开始，完全符合你的保险政策生效需求。

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