폼태그중에 날짜, 시간 태그
본문
표현하고 싶은 것은
몇년 몇월 몇일 몇시~몇시
입니다.
지금은 아래와 같은 코드를 이용해
<input type="date" name="日時"> <input type="time"> <span>〜</span><input type="time">
아래 이미지와 같이 표현하고 있습니다.
혹시 더 깔끔하게 표시할 수 있는 방법이 있나요?
예를들어 위의 년월일 부분부터 몇시~몇시 까지의 항목을 한 블럭으로 가능하다든가...
좀 더 다른 방법이 있을까 싶어서 문의 드립니다~
더 좋은 방법 없을까요~?
!-->
답변 11
html5 input type date 명세에서는 자체적으로 포맷변경 옵션은 없고,
javascript 와 함께 처리하셔야해요 : )
step 속성으로 스핀 박스의 화살표를 누를 때마다 날짜, 시간을 조절할수 있습니다
디자인도 커스텀 해야하는 거죠? 리도님께 이뻐서 좋아요는 눌렀지만..
(삭제함 )
요걸로 써보세요 : )
정정!! 링크잘못올렸네요!
https://eonasdan.github.io/bootstrap-datetimepicker/
시간을 View시킬때
https://developer.mozilla.org/ko/docs/Web/HTML/Element/time
시간을 Edit 할때
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
다양한 예제
https://css-tricks.com/time-element/
jquery 를 이용해서 시간의 범위를 선택하는 것
http://demos.telerik.com/kendo-ui/timepicker/rangeselection
또다른 예 1
타임 스틱의 range
http://jsfiddle.net/jrweinb/MQ6VT/
예2
http://marcneuwirth.com/blog/2010/02/21/using-a-jquery-ui-slider-to-select-a-time-range/