Twitter Bootstrap 3 Modal中的jQuery Datepicker

debugcn 发表于 Dev

旋风

我现在已经尝试了很多解决此问题的方法，但是我无法使其正常工作。我试图将日期选择器放入表单。表单被放置在引导程序模态中，并且整个内容都通过ajax加载。除了将日期选择器放置在模式中时根本不显示的日期选择器之外，其他所有操作均正常。

我希望有一个简单的解决方案，如：.datepicker {z-index：9999！important;}，可以，但不能解决。有人知道一个简单的解决方案吗？

这是我的日期选择器：

$(function() {
    $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
});

这是我的表格：

<form action="" method="post">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Endre artikkel</h4>
            </div>
            <div class="modal-body">                 
                <label for="arrived">Motatt</label>
                <input type="text" name="arrived" class="form-control datepicker" id="arrived">                                       
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</form>

表单被加载到这个div中：

<div class="modal fade" id="load_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 1040;"></div>

使用此javascript：

function edit_article(id){
    $("#load_modal").load("load_modal.cgi?type=edit&id="+id);
}

胡安·法科罗

添加模态后可能会加载模态.datepicker()，应在加载表单后评估该代码。

function edit_article(id){
    $("#load_modal").load("load_modal.cgi?type=edit&id="+id);
    $("#load_modal .datepicker").datepicker({ dateFormat: "yyyy-mm-dd" });
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。