2012-07-28 4 views
-1

here에서 시간 지정을 다운로드했습니다. 코드를 많이 절단 후 나는이 간단한 예에 온 :수동으로 시간 지정기를 설정하는 방법

<html> 
    <head> 
     <title>jQuery.timepickr.js</title> 
     <link rel="Stylesheet" media="screen" href="reset.css" /> 
     <link rel="Stylesheet" media="screen" href="styles.css" /> 
     <link rel="Stylesheet" media="screen" href="../dist/themes/default/ui.core.css" /> 
     <link rel="Stylesheet" media="screen" href="../src/css/ui.timepickr.css" /> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.js"></script> 
     <script type="text/javascript" src="jquery.utils.js"></script> 
     <script type="text/javascript" src="jquery.strings.js"></script> 
     <script type="text/javascript" src="jquery.anchorHandler.js"></script> 
     <script type="text/javascript" src="jquery.ui.all.js"></script> 
     <script type="text/javascript" src="../src/ui.timepickr.js"></script> 


     <script type="text/javascript"> 
      $(function(){ 
       $('#timepicker').timepickr().focus(); 
       $('#timepicker').next().find('ol').show().find('li:eq(2)').mouseover(); 
      }); 
     </script> 
    </head> 
    <body id="themeroller"> 

     <div id="splash"> 
      <div id="demo"> 
       <div id="d-demo-wrapper-1" class="demo-wrapper"> 
        <input id="timepicker" type="text" value="02:30" class="demo"> 
       </div> 

      </div> 
     </div> 
    </body> 
</html> 

는 내가하려고 할 때 수동으로 마우스 입력 필드를 벗어 숫자가 자동으로 변경되는 키보드에서 시간을 설정하는 것으로 나타났습니다. 나는 원래의 예제에서도 수동으로 숫자를 설정할 수 없다는 것을 알았다. 어떻게이 문제를 해결할 수 있습니까?

답변

1

당신은 timepickr

$("#timepickr").timepickr({ 
      convention: 12, 
      format12: "{h:02.d}:{m:02.d} {z:s}", 
      rangeMin: $.range(0, 60), 
      val: "02:00 am" //set your default time here 
     }); 
val 속성을 사용하여 기본 값을 설정할 수 있습니다
관련 문제