2013-12-17 2 views
1

from this link에서 DateTime 선택 도구를 사용하여 사용자로부터 날짜 및 시간을 가져옵니다. 나는 부트 스트랩을 사용하고있다. 여기 내 코드는 다음과 같습니다.MVC4 DateTimePicker에서 아이콘 시간 및 아이콘 달력을 찾을 수 없습니다.

시스템을 실행하면 아이콘 날짜와 아이콘 시간이 표시되지 않습니다. 나는 그것들을 어디에서 발견해야하는지 모른다.

화면에 아이콘을 표시하도록 도와 줄 수 있습니까?

이 플러그인으로 날짜와 시간을 선택할 수있는 더 좋은 옵션이 있습니까? 날짜 또는 시간에 대해서만 여러 구현을 찾았지만 모두에 대해서는 구현하지 않았습니다.

감사합니다.

+0

"~/Content/bootstrap.css"를 추가했습니다. –

답변

1

Bootstrap 2.3.2 icons을 사용하고있는 것 같습니다. 다음 단계에 따라 프로젝트에 부트 스트랩 2.3.2를 설정하십시오. http://getbootstrap.com/2.3.2/getting-started.html

부트 스트랩 3.0 버전을 사용하고 싶습니다. http://getbootstrap.com/components/#glyphicons

버전 2.3.2 :

<i class="icon-date"></i> 

버전 3.0 :

<span class="glyphicon glyphicon-date"></span> 
+0

나는 부트 스트랩을 사용하고 있습니다. 3. 글리프콘을 시도했는데 빈 사각형 만 표시되었습니다 ... 저는 문제없이 내 응용 프로그램 전체에 글리프 아이콘을 사용하고 있습니다. 그래서 내 플러그인이 오래된 부트 스트랩 버전을 사용하는 것을 본다 ... – Mendes

0

체크 아웃 문제를 해결하기 위해이 예제 3.0에서 아이콘의 사용이 조금 변경되었습니다.

  1. 열기 BundleConfig.cs 다음과 같이 스타일 번들 "~/콘텐츠/테마/기본/CSS를"수정 :

bundles.Add (새 StyleBundle ("~/컨텐츠/테마/base/css "). 포함 ( "~/Content/themes/base/jquery-ui.css ","~/Content/themes/base/jquery-ui.all.css "));

  1. 당신의 _layout.cs를 열고 Scripts.Render @ 다음 단지 Scripts.Render ("~/번들/JQuery와") @

의 닫는 태그 앞에 를 추가 ("~/번들/jqueryui") Styles.Render @ (필수 "스크립트": false)를 ("~/콘텐츠/테마/기본/CSS") @RenderSection

  1. 마지막으로,보기를 테스트하려면 index.cshtml를 열고 끝에

날짜를이 추가 :

@section Scripts{ 
    @*@Scripts.Render("~/bundles/jqueryval")*@ 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".datefield").datepicker(); 
     }); 
    </script> 
} 

어떤 쿼리가 남아 있으면 알려주세요.

건배

+0

날짜 선택 도구가 아니지만 날짜 및 시간 선택 도구. JQueryUI Datepicker 내 문제를 해결하지 않습니다. – Mendes