Datepicker 和 timepicker 未在 Modal 中显示远程数据答案

【问题标题】：Datepicker and timepicker not showing in Modal with remote dataDatepicker 和 timepicker 未在 Modal 中显示远程数据
【发布时间】：2018-04-12 07:22:09
【问题描述】：

我已按照建议尝试更改 .datepicker 的 z-index，但没有帮助。 get_status 视图已正确加载并传递参数，但日期选择器和时间选择器没有提示。只是要注意生成模式的部分本身就是一个 ajax 刷新的 div。我正在使用 Bootstrap v3.3.7

整个代码： https://paste.laravel.io/337a1852-7051-42dc-902b-ee70c495ae9c

<a href="javascript:void(0);" data-href="get_status/35/failed" class="basic">Schedule</a>
<script>

$(document).ready(function(){
    $('.basic').on('click',function(){
        var dataURL = $(this).attr('data-href');
        $('.modal-body').load(dataURL,function(){
            $('#basic').modal({show:true});
        });
    });
});

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案1】：

您需要在加载结果后初始化 datepicker，我的意思是在您的 ajax 的加载回调中初始化 datepicker。

$(document).ready(function(){
    $('.basic').on('click',function(){
        var dataURL = $(this).attr('data-href');
        $('.modal-body').load(dataURL,function(){
            $('#basic').modal({show:true});
/*************Init Datepicker/TimePicker here *******************/
        });
    });
});

【讨论】：

感谢这是有效的，唯一的事情是将时间选择器格式化为 24 Hours 。这不起作用： $('.timepicker').timepicker({format: 'HH:mm'}); }); });
您使用的时间选择器取决于其选项，请参阅文档，将有设置时间格式的选项
感谢解决了 $('.timepicker-24').timepicker({ autoclose: true, minuteStep: 5, showSeconds: false, showMeridian: false });