2013-05-14 1 views
0

내보기 중 하나에 날짜 - 시간 선택기가 필요하므로 가장 인기있는 선택 인 것으로 보이는 Trent Richardson의 것을 사용하기로 결정했습니다. 그러나 지금까지 나는 그것을 작동하게 만들 수 없다. 그리고 나는 만일 내가 틀린 무엇인가하고 있거나, 모든 것이 OK라면 나는 확신하지 않는다. 그러나 나는 약간의 단계를 놓치고있다. .. 아마 양쪽 다. 그래서 여기에 내가 무슨 짓을 :asp.net mvc 3 응용 프로그램에서 Trent Richardson datetimepicker 포함

  1. 추가 jquery-ui-timepicker-addon의 이름으로 쿼리 코드 내 Scripts\plugins\datepicker directory where I already have jquery.ui.datepicker.min.js`에 그래서 지금은이 두 가지를 제기했다.
  2. 이 같은`Shared_Layout.cshtml보기에서 나의 새로운 JS 파일 포함 :

을 그리고이 내가있는 DateTimePicker를 사용할 수 있도록 만든 두 단계입니다.

else if (field[i].MCS_Fields.QuestionTypeId == 3) 
        { 
         <script type="text/javascript"> 
          $(function() { 
           $(".datetimepicker").datetimepicker(); 
          }); 
         </script> 
         <input type="text" class="datetimepicker" /> 
         @*@Html.TextBox("datetimepicker", "", new { @class = "datetimepicker" })*@ 
        } 

을했지만 작동하지 않습니다 그리고 나는 또한 날짜 선택기를 사용하여 내 부분보기 중 하나와 작동 그래서 같이있는 DateTimePicker를 사용하려고합니다. 처음에 나는 @Html.TextBox을 시도했지만, 당신이 볼 수 있듯이 나는 그것을 주석 처리했고 간단한 <input 태그로 시도했다. 그러나 동일한 부분보기에서 나는 이것을 가지고있다 :

if (field[i].MCS_Fields.QuestionTypeId == 2) 
        { 
         <script type="text/javascript"> 
          $(function() { 
           $(".datepicker").datepicker(); 
          }); 
         </script> 
         @Html.TextBox("datepicker", "", new { @class = "datepicker" }) 
        } 

그리고 예상대로 작동하고있다. 내가 알아챈 것은 _Layout 페이지에 datepicker js 파일이 포함되어 있지 않고 여전히 사용할 수 있다는 것입니다. datetimepicker를 잘못된 위치에 포함하고 있습니까? 아니면 다른 곳에 문제가 있습니까? 레이아웃에서

답변

1

는 후 jquery.js 스크립트 를 포함해야 jquery.ui.datepicker.min.js 스크립트 후 jquery-ui-timepicker-addon.js 스크립트 를 포함했는지 확인합니다. 또한

나는 당신이 당신의 부분에서 모든 스크립트를 제거하는 것을 권장하고 레이아웃에서 스크립트 흠 후에 넣어 것입니다 : 스크립트는 당신도 필요하지 않은 DOM의 끝 부분에 포함 된 경우

<script type="text/javascript"> 
    $(function() { 
     $('.datetimepicker').datetimepicker(); 
    }); 
</script> 

그것들을 document.ready 이벤트로 감싸는 것이다.

+0

내 레이아웃보기의 원래 게시물에서 지적한대로 datepicker.js가 포함되지 않았기 때문에 포함 순서가 문제가되지 않는 것 같습니다. 그것은'Scripts \ Plugin \'에 있으며, 지금까지는 그것을 포함하지 않고 datepicker를 사용하고있는 것처럼 보입니다 .... 아마 부분보기에 datetimepicker를 포함 시키려고합니까? – Leron

+0

jQuery UI를 포함해야합니다. 'datetimepicker'는 원래'datepicker'에 대한 확장입니다. –

+0

내 레이아웃에서 다음을 포함합니다 :'' AND ''. 이것이 datetimepicker가 여전히 작동하지 않으며 datetimepicker가 확장이라는 사실을 의미합니다 - datepicker.js 파일의 코드를 대체하고 추가 기능 만 사용해야하거나 두 파일이 모두 필요합니까? – Leron

관련 문제