日期范围的文本选择与引导模式无关

我正在使用Bootstrap3。我有一个打开模式和日期范围选择输入框的按钮。当我点击输入框日期范围日历打开。我可以选择日期范围，但我无法更改日期。这看起来像模态的Z索引问题，它不知何故不允许在文本字段中选择日期。日期范围的文本选择与引导模式无关

我试过没有模式，它工作正常。

我需要显示一个模式框，并显示带日期文本修改的日期范围日历。

来源

2017-02-10 Pratik Sharma

请提供您已经尝试的代码 – r1verside

<script> 
    $(document).on("click", ".modal-body", function() { 
    $("#datepicker").datepicker({ 
    dateFormat: 'yy-mm-dd'          
    }); 
     }); 
</script>

来源

2017-02-10 18:12:08 AnilKumar

请添加一些评论，作为您的解决方案的工作原因。只有代码答案是很差的答案。谢谢！ – Alex

解释你的答案启发我们。 –

@ AJT_82它不可能一直解释每件事情，我不想浪费读者的时间。这是我没有添加评论的原因。只是我添加了我觉得适合这种情况的代码。 – AnilKumar

引导模式具有z-index的1040所以给你的日历上的z-index大于1040

来源

2017-02-10 18:21:59 monatis

我有尝试过。

function zIndexModifier() { 
     $("#modal_dialog").css("display", "none"); 
     $(".daterangepicker").css("z-index", 100000); 

    }

时

$("#modal_dialog").css("display", "none");

但压延跃过顶部它的工作原理。

是否有任何解决方案，以便我可以保持模态以及日历文本选择日历。

来源

2017-02-13 05:56:39

日期范围的文本选择与引导模式无关

回答

相关问题