2014-12-24 2 views
0

asp 콘텐츠 페이지의 부트 스트랩 팝업 모드를 사용합니다. 내 콘텐츠 페이지는 모든 asp 서버 컨트롤에 대한 CSS를 상속 할 수 있지만 asp : bootstrap 팝업을 사용하려고 할 때 팝업되지 않습니다. 디버거가 문제를 포착 할 수 없기 때문에 문제의 위치를 ​​찾을 수 없습니다.asp 콘텐츠가 작동하지 않는 부트 스트랩 팝업

작동하지 않는 부트 스트랩 인스턴스 중 하나가 datepicker입니다. asp : content에 다음 코드를 사용합니다. 작동하지 않습니다. 나는 테이블 행에서이 내용을 시험해 보았다. 문제가 될 수 있는지 확실하지 않습니다.

<div> 
<div class="container"> 
     <div class="hero-unit"> 
      <input type="text" placeholder="click to show datepicker" id="example1"> 
     </div> 
    </div> 
    <!-- Load jQuery and bootstrap datepicker scripts --> 
    <script src="js/jquery-1.9.1.min.js"></script> 
    <script src="datepicker/js/bootstrap-datepicker.js"></script> 
    <script type="text/javascript"> 
     // When the document is ready 
     $(document).ready(function() { 

      $('#example1').datepicker({ 
       format: "dd/mm/yyyy" 
      }); 

     }); 
    </script> 
</div> 
+0

모달의 코드와 모달을 여는 방법을 보여줄 수 있습니까? – Mivaweb

+0

브라우저의 자바 스크립트 콘솔/개발자 도구를 사용하여 발생할 가능성이있는 클라이언트 측 오류를 확인하십시오. 이들은 일반적으로 브라우저가 활성 창인 동안 F12 키를 사용하여 시작됩니다. –

+0

포함 된 코드를 살펴보면 적어도 bootstrap-datepicker.js 스크립트가 의존하는 bootstrap.js 스크립트가 누락 된 것처럼 보입니다 (최소한). –

답변

0

이제 제대로 작동합니다. 어떻게 작동하는지 코드가 있습니다.

$(function() { 
 
      $('#dp1').datepicker({ 
 
       format: "dd/mm/yyyy" 
 
      }); 
 
     }); 
 

 
function copy_data(val){ 
 
        var a = document.getElementById('dp1').value 
 
        document.getElementById("<%=txtdob2.ClientID%>").value=a 
 
       }
<div> 
 
           <input type="text" placeholder="Click to show Datepicker" id="dp1" class="form-control input-sm" onblur ="copy_data(this)"/> 
 
            <asp:HiddenField ID="txtdob2" runat="server" /> 
 
            
 
            <asp:Label ID="lblDOB" runat="server" ForeColor="Red"></asp:Label> 
 
            </div>

그러나 지금은 다른 문제가 있습니다. Textbox의 데이터를 서버에 저장할 수 없습니다. 그것은 클라이언트 기반 Textbox이기 때문에 서버에 저장하지 않습니다. 나 또한 숨겨진 값을 사용하여 시도했지만 작동하지 않습니다.

관련 문제