twitter-bootstrap - 引导日期/时间选择器在模态中无法正常工作

Question

我正在使用 这个 bootsrap 日期/时间选择器，我在模态中使用它时似乎遇到了问题。每次我单击日期图标选择日期时，它都会重置所有表单元素。有没有人遇到过这个问题，我该如何解决。非常感谢您的帮助

这是我在代码中初始化它的方式：

$('#action_date').datetimepicker({
    language: 'pt-BR',
     pickSeconds: false, 
    startDate: new Date(),      

 });    

Answer 1

通过这个步骤

1. 将 Css 分配给您的输入以使其脱离模态表单（查看单击输入时会发生什么）
2. 单击输入以打开日期/时间选择器
3. 使用萤火虫选择器选择该 div
4. 复制该 div 类之一并将 z-index:1000000 分配给它

你可以检查这个代码

bootstrap-datetimepicker-widget {
 z-index: 100000;
 }

Answer 2

$("#your_date_picker").datepicker({
        format: "yyyy",
        autoclose: true,   
        viewMode: "years",
        minViewMode: "years"        
    }).on('show.bs.modal', function(event) {
    event.stopPropagation();
});

效果很好:)