引导日期时间选择器不适用于引导模式

Question

我需要在引导程序模式中使用引导程序datetimepicker。我已经在普通网页上成功使用了它。引导日历不会在模式中打开。这是我动态生成的html代码。

'<div class="col-xs-12">'+
    '<div class="col-xs-4">'+
    '<div class="form-group">'+
'<label for="editStartTime">Start Time </label>'+
      '<div class="input-group date" id="editStartTime">'+
           '<input type="text" class="form-control" value="'+startTime+'"/>'+
    '<span class="input-group-addon">'+
  '<span class="glyphicon glyphicon-calendar"></span>'+
   '</span>'+
 '</div>'+
 '</div>'+
'</div>'

这是jquery一部分。

$(function () {
                $('#editStartTime').datetimepicker();
            });

会有什么问题？

Answer 1

在将动态html添加到DOM之后，您需要再次实例化datepicker。您可以在引导程序模式显示的事件上调用它：

$('.modal').on('shown.bs.modal', function () {
  $('#editStartTime').datetimepicker();
});