테스트 사이트 - 개발 중인 베타 버전입니다

input type="time" 30분 단위 채택완료

dhdl52 3년 전 조회 1,363

안녕하세요. 제가 time을 30분단위로 선택하게끔 하고싶은데

 

</p>

<p><label>시작 시간</label></p>

<p>
</p>

<p><input type="time" name="StartTime" id="StartTime" min="08:00" max="18:00" step="1800"/></p>

<p>

</p>

<p><label>종료 시간</label></p>

<p>
</p>

<p><input type="time" name="EndTime" id="EndTime" min="08:00" max="18:00" step="1800"/></p>

<p>

 

step을 1800으로 줬더니. 30분단위로 선택하지 않으면 안넘어가지만 애초에 선택할 때부터 30분단위로 선택하고 싶습니다. 방법이 있을까요?

 

현재 시간 선택할 때 화면)

 

 

30분단위로 선택하지않았을 때 아래와 같은 문구가 뜹니다.)

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

guest76
2년 전

순수 HTML 코드만 사용해서는 안됩니다.

javascript 를 사용해서 직접 만들어야 하는데, 이런게 별거 아닌데 직접하려면 귀찮은게 너무 많습니다.

 

아래 사이트는 비슷한 기능이 구현되어 있으니 가져다 쓰시면 될거 같습니다.

https://timepicker.co/

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

d
dhdl52
3년 전
답변 감사합니다.
아쉽게도 말씀하신 문서에 제가 원하는 기능 관련해선 없지만 그래도 참고하겠습니다. 감사합니다!
엑스엠엘
3년 전
min="08:30" max="18:30" step="3600"/>
이렇게 하면 어떨까요?
d
dhdl52
3년 전
에구ㅜㅜ 넵 잘 안되는것 같습니다ㅠㅠ 제가 조금 더 찾아보면서 하겠습니다!
도와주셔서 감사합니다! :)

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인