Bootstrap datetimepicker默认值无法设置问题求助

问题根源 #

• 你错误地将datetimepicker初始化绑定到了外层的<div id="inputFromDate">，而不是实际的输入框<input id="FromDate">。Bootstrap datetimepicker需要绑定到input元素才能正确把默认值同步到输入框中。
• 另外，defaultDate的构造写法可以更简洁，避免嵌套new Date带来的潜在歧义。

修正后的代码 #

JavaScript部分

var fromDate = "2022-08-24T11:24:00";
// 转换为目标时间（设置为当天23:59，补全秒和毫秒避免格式问题）
var targetDate = new Date(fromDate);
targetDate.setHours(23, 59, 0, 0);

// 绑定到实际的输入框元素#FromDate
$('#FromDate').datetimepicker({
    format: 'DD/MM/YYYY  HH:mm',
    useCurrent: false,
    defaultDate: targetDate
});

HTML结构（无需改动，确认结构正确）

<div class="input-group" id="inputFromDate">
     <input type='text' id="FromDate" name="FromDate" class="form-control valid" placeholder="From Date" />
     <span class="input-group-addon">
          <span class="glyphicon glyphicon-calendar"></span>
     </span>
</div>

额外排查方案 #

如果调整绑定目标后仍不生效，可以尝试在初始化完成后手动设置日期值：

// 初始化完成后强制设置日期
$('#FromDate').datetimepicker('date', targetDate);

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