input type="time" 30분 단위
본문
안녕하세요. 제가 time을 30분단위로 선택하게끔 하고싶은데
<label>시작 시간</label>
<br />
<input type="time" name="StartTime" id="StartTime" min="08:00" max="18:00" step="1800"/>
<br /><br />
<label>종료 시간</label>
<br />
<input type="time" name="EndTime" id="EndTime" min="08:00" max="18:00" step="1800"/>
step을 1800으로 줬더니. 30분단위로 선택하지 않으면 안넘어가지만 애초에 선택할 때부터 30분단위로 선택하고 싶습니다. 방법이 있을까요?
현재 시간 선택할 때 화면)
30분단위로 선택하지않았을 때 아래와 같은 문구가 뜹니다.)
답변 2
<input id="appt-time" type="time" name="appt-time" step="2">
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
이런 속성(attribue)가 있네요.
답변 감사합니다.
아쉽게도 말씀하신 문서에 제가 원하는 기능 관련해선 없지만 그래도 참고하겠습니다. 감사합니다!
min="08:30" max="18:30" step="3600"/>
이렇게 하면 어떨까요?
에구ㅜㅜ 넵 잘 안되는것 같습니다ㅠㅠ 제가 조금 더 찾아보면서 하겠습니다!
도와주셔서 감사합니다! :)
순수 HTML 코드만 사용해서는 안됩니다.
javascript 를 사용해서 직접 만들어야 하는데, 이런게 별거 아닌데 직접하려면 귀찮은게 너무 많습니다.
아래 사이트는 비슷한 기능이 구현되어 있으니 가져다 쓰시면 될거 같습니다.
답변을 작성하시기 전에 로그인 해주세요.