asp.net의 부트 스트랩 모델 팝업에 Jquery 날짜 선택 도구가 표시되지 않습니다.

Question

팝업 메뉴에 Jquery 날짜가 표시되지 않습니다. 아래는 내가하고있는 일이다.

<div class="modal fade" id="DateModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
          <h4 class="modal-title">Attachment</h4> 
         </div> 
         <div class="modal-body"> 
          <div class="row"> 
           <div class="col-md-6"> 
            <div class="form-group"> 
             <div class="row"> 
              <label class="col-sm-5 control-label" for="Description">Date</label> 
              <div class="col-sm-7"> 
               <div class="input-group date"> 
                <div class="input-group-addon"> 
                 <i class="fa fa-calendar"></i> 
                </div> 
                <input type="text" class="form-control pull-right" id="datepicker"> 
               </div> 
              </div> 
             </div> 
            </div> 
           </div> 

          </div> 
         </div> 
         <div class="modal-footer"> 
          <button data-dismiss="modal" class="btn btn-danger" type="button">OK</button> 

         </div> 
        </div> 

       </div> 
      </div> 

다음은 내 클라이언트 측 코드

내가 잘못하고있는 중이 야 어디 모르는

$(function() { 
    $('#datepicker').datepicker({ 
     autoclose: true 
     }) 

입니다. 또한 오류가 발생했습니다 Uncaught ReferenceError : $이 정의되지 않았습니다.

Answer 1

을 추가해야합니다. ; 및 jquery libs를 아래에 추가해야합니다.

$(function() { 
 
    $("#datepicker").datepicker({ 
 
    autoclose: true}); 
 
    });

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<div class="modal fade" id="DateModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
 
       <div class="modal-dialog"> 
 
        <div class="modal-content"> 
 
         <div class="modal-header"> 
 
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
 
          <h4 class="modal-title">Attachment</h4> 
 
         </div> 
 
         <div class="modal-body"> 
 
          <div class="row"> 
 
           <div class="col-md-6"> 
 
            <div class="form-group"> 
 
             <div class="row"> 
 
              <label class="col-sm-5 control-label" for="Description">Date</label> 
 
              <div class="col-sm-7"> 
 
               <div class="input-group date"> 
 
                <div class="input-group-addon"> 
 
                 <i class="fa fa-calendar"></i> 
 
                </div> 
 
                <input type="text" class="form-control pull-right" id="datepicker"> 
 
               </div> 
 
              </div> 
 
             </div> 
 
            </div> 
 
           </div> 
 

 
          </div> 
 
         </div> 
 
         <div class="modal-footer"> 
 
          <button data-dismiss="modal" class="btn btn-danger" type="button">OK</button> 
 

 
         </div> 
 
        </div> 
 

 
       </div> 
 
      </div>