Question

以下代码显示“添加日期”按钮，单击该按钮将显示具有外部mvc视图的模式。 “CheckDateShow”是这里的视图页面。

<div class="add-dependent left">
   <a href="../Home/CheckDateShow" data-toggle="modal" data-target="#myModalAdd">  
       <img src="../../Reskin/images/banificiary.png" alt="">
       <span class="green-btn">Add Date</span>
   </a>
</div>

它将绑定在下面的代码中的模态，它存在于同一页面中。

<div class="modal fade dependents-modal" id="myModalAdd">   
    <div class="modal-dialog">
        <div class="modal-content">


        </div> 
    </div> 
</div>

“CheckDateShow”页面包含以下代码： -

<html>
<head>    
<title>..:: Company Logo ::..</title>
<link rel="stylesheet" href="../../css/jquery-ui.css">
<link rel="stylesheet" href="../../css/font-awesome.min.css">
<link rel="stylesheet" href="../../css/bootstrap.css">
<link rel="stylesheet" href="../../css/style.css">      
<script src="../../js/jquery-1.10.2.min.js"></script>
<script src="../../js/bootstrap.js"></script>
<script src="../../js/jquery-ui.js"></script>
<script src="../../js/custom.js"></script>
</head>
<body>             
<div>
                <ul>                      
                  <li>
                    <label for="">Date of Birth:</label> 
                    <div class="input-data date">
                      <input type="text" class="input-type datepicker">
                      <i class="fa fa-calendar"></i>
                      <span class="red">*</span>
                    </div>
                  </li>
                </ul>
        </div>
</body>
</html>

现在通过加载它，它只显示一个文本框控件，但实际上它应该显示文本框右侧的日期选择器，我们可以选择日期。

请帮助解决此问题。

Bootstrap datepicker在MVC中的外部页面模式弹出窗口中不起作用

0 个答案: