Question

我在一个用按钮打开的bootstrap popover中有一个表单。我想要＆＃34; form.date_time_begin＆＃34;作为datetimepicker，但我不知道如何。如果我将输入项放在页面上的任何其他位置就可以了。但是当我把它移到隐藏的形式时，它将无法工作。

这是文档就绪功能中的代码：

    $('#id_date_time_begin').datetimepicker();
    $('#id_date_time_end').datetimepicker();

这是表格：

    <div id="popover-content" class="hide">     
    <form role="form">
        <div class="form-group">
            <label>Titill</label><br>
            {{ form.title }}
        </div>
        <div class="form-group">
            <label>Lýsing</label>
            {{ form.description }}
        </div>
        <div class="form-group">
            {{ form.date_time_begin }}
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary">Vista</button>
        </div>
    </form>
</div>

Answer 1

如果我没记错的话，当你打开一个弹出窗口时，Bootstrap会创建一个div的副本，所以你应该在页面加载时初始化日期选择器，但只能在打开popover之后。

例如：

$('#popover-content').on('show.bs.popover', function () {
  $('#id_date_time_begin').datetimepicker();
  $('#id_date_time_end').datetimepicker();
})

初始化隐藏的表单元素

1 个答案: