2013-12-19 2 views
6

알람 웹 앱을 쓰고 있습니다. 나는 두 개의 숫자 입력을 가지고 있는데 하나는 시간을, 하나는 분을 의미한다. 따라서 키보드 화살표를 사용하면 0에서 23/59로 이동합니다. 00 (01,02, 등등)에서 23/59로 바꾸는 HTML 기본 방법이 있습니까?숫자 입력에서 0으로 시작합니다.

어쨌든 내 JS가 누락 된 0을 관리하기 때문에 나는 UI 측면에 대해서만 걱정합니다.

편집 - 요청으로 :

내가 무엇을 가지고 :

Current

내가 원하는 무엇 :

Objective

대신 0,1,2에서 59에가는 , 숫자가 10보다 작은 경우 선행 0을 자동으로 갖고 싶습니다 (00,01,02에서 59).

+1

귀하의 질문에서 당신이 무엇을 요구하고 있는지 분명하지 않습니다. JSFiddle을 함께 사용하거나 링크를 공유하여 작업중인 것을 볼 수 있습니다. – johnkavanagh

+0

** 특정 문제를 명확히하거나 추가 세부 정보를 추가하여 필요한 것을 정확하게 강조하십시오. 현재 쓰여져있는대로 당신이 원하는 것을 정확하게 말하기는 어렵습니다. ** –

+0

자바 스크립트로 입력을 조작하고 싶지는 않지만 "원시"HTML 만 입력하고 싶습니까? – KungWaz

답변

3

Select 태그를 사용하지 않으면 네이티브 HTML 방식으로 처리 할 수 ​​없습니다. 텍스트 입력을 사용하는 경우 자바 스크립트로 10 개의 첫 번째 값에 선행 0을 추가해야합니다. 예를 들어,

<script> 
    function leadingZeros(input) { 
    if(!isNaN(input.value) && input.value.length === 1) { 
     input.value = '0' + input.value; 
    } 
    } 
</script> 

그리고 난 그냥 나에게 가장 적합한 방법 적 입력의 다양한 이벤트에 그 전화 :

4

나는이 필요에 따라 바로 앞에 추가 0으로 사용

<input type="number" 
     value="00" 
     onchange="leadingZeros(this)" 
     onkeyup="leadingZeros(this)" 
     onclick="leadingZeros(this)" /> 

그것은 아니다 사용자가 숫자를 변경하고 0을 앞에 붙이면 약간의 시각적 변화가 있기 때문에 이상적인 해결책입니다. :)

편집 : 잊지 마세요. 그는 자바 스크립트가없는 기본 솔루션을 요청했지만 사용자가 Google 검색을 통해 방문하는 사람들에게 뭔가를 제공하고 싶습니다.

관련 문제