日期范围的文本选择不适用于引导模式答案

【问题标题】：Text selection for date range not working with bootstrap modal日期范围的文本选择不适用于引导模式
【发布时间】：2017-02-10 12:12:08
【问题描述】：

我正在使用 Bootstrap3。我有一个按钮，可以在其中打开一个模式和日期范围选择输入框。当我单击输入框日期范围日历打开。我可以选择日期范围，但无法更改日期。这似乎是模态的 z-index 问题，并且它以某种方式不允许在文本字段中选择日期。

我试过不带模态，效果很好。

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

【问题讨论】：

请提供您尝试过的代码

标签： javascript jquery twitter-bootstrap modal-dialog daterangepicker

【解决方案1】：

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

【讨论】：

请添加一些评论，说明您的解决方案为何有效。仅代码答案是糟糕的答案。谢谢！
解释你的答案启发了我们。
@AJT_82 不可能一直解释每一件事，我不想浪费读者的时间。这就是我不添加 cmets 的原因。只是我添加了我认为适合这种情况的代码。
谢谢@αƞjiβ，你也做得很好。它对我们非常有用，继续努力
通常只有代码的答案被标记为低质量的答案，并被发送到审核，由社区决定是否应该删除答案。所以有这种可能性，因此我只是想给你一个提示，以便在这种情况发生之前详细说明你的答案：meta.stackoverflow.com/questions/260411/…

【解决方案2】：

引导模式的 z-index 为 1040。因此，请为您的日历设置一个大于 1040 的 z-index。

【讨论】：

【解决方案3】：

我试过了。

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

    }

当

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

但是日历跳过了顶部。

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

【讨论】：