bootstrap日期/时间选择器在模态中不能正常工作

Question

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

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

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

 });    

Answer 1

传递此步骤

1. 将Css分配给您的输入以将其从模态表单中删除（以查看单击输入时发生的情况）
2. 点击输入以打开日期/时间选择器
3. 使用firebug选择器选择该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();
});

效果很好：）