2013-12-07 2 views
0

하나 timepicker를 확인하고 I합니다 (오전 또는 오후 시간 처음처럼과없이) 뷰에서이 timepicker 같은 날짜 시간을 표시해야합니다 http://jdewit.github.io/bootstrap-timepicker/내가 ASP.NET MVC 4 함께 일하고

내가 don' t는 내 모든 CSS를 고칠 필요가 있기 때문에 부트 스트랩을 사용하고 싶습니다. 그리고 새 프로젝트에 특정 ID 또는 HTML 태그가 공통적으로 포함되어 있기 때문에 이전 프로젝트를 제대로 수행하지 못했습니다. 나는 Jquery를 사용할 수 있지만 같은 일을하는 플러그인을 모른다는 것을 기억하십시오. 일정표를 표시하고 싶지 않습니다. 예를 들어 1 시간 : 02m 또는 1:02, 그냥

+0

"jquery timepicker"에 대한 Google 검색 결과가 많이 나타납니다. 다른 사람들을 봤어? 궁극적으로 자신 만의 모달 팝업을 디자인하여 자신의 필요를 충족시킬 수 있습니다. – Jasen

+0

'시간 표시'는 무엇을 의미합니까? 견본 출력 제공 – charlietfl

+0

http://stackoverflow.com/users/1175966/charlietfl 나는 대답을 다시 편집했습니다 – Zinov

답변

1
https://github.com/perifer/timePicker/blob/master/index.htm 

@Scripts.Render("~/Scripts/jquery.timePicker.js") 

    <script type="text/javascript"> 
     jQuery(function() 
     { 
      // Default. 
      $("#time1").timePicker(
       { 
        startTime: "00.00", 
        endTime: new Date(0, 0, 0, 6, 30, 0), 
        show24Hours: true, 
        separator: ':', 
        step: 3 
       } 
      ); 
     }) 
    </script> 

@section styles{ 
    @Styles.Render("~/Content/timePicker.css") 
} 
+0

당신의 질문에 대답하고 있다는 것을 알고 있으므로 이것이 왜 도움이되는지 이해할 수 있습니다. 그러나이 코드가 어떻게 문제를 해결하는지 설명하면 다른 사람들에게 훨씬 도움이 될 것입니다. – Jasen

+0

방금 ​​bootstrap UI처럼 시간 지정기를 표시하는 컨트롤이 필요했습니다. 이 샘플에는 timepicker.js 및 css (섹션 스타일 내부)가 포함되어 있습니다. 시작 시간은 선택하는 시간의 첫 번째 옵션을 표시하는 것입니다. 00:00이고 종료 시간은 06:30입니다. show24hours 옵션은 컨트롤 am 및 pm 형식에서 숨 깁니다. 3은 컨트롤이 모든 시간을 가질 것임을 의미합니다. 이전 형식으로 .3 분의 차이가 있습니다. 시퀀스는 다음과 같습니다. 00:00 00:03 00:06 .... 06:27 06:30 – Zinov

0

날짜/시간 요구 사항 개인적으로 선호합니다. KendoUI Timepicker! 내가 직면 한 유일한 문제는 독립형 timepicker.js를 사용할 수 없다는 것이었고 전체 kendoweb.js를 사용해야했습니다. 미리 설치된 테마가 많은 좋은 설명서가 있습니다.