폼태그중에 날짜, 시간 태그 채택완료
표현하고 싶은 것은
몇년 몇월 몇일 몇시~몇시
입니다.
지금은 아래와 같은 코드를 이용해
</p>
<p><input type="date" name="日時"> <input type="time"> <span>〜</span><input type="time"></p>
<p>
아래 이미지와 같이 표현하고 있습니다.
혹시 더 깔끔하게 표시할 수 있는 방법이 있나요?
예를들어 위의 년월일 부분부터 몇시~몇시 까지의 항목을 한 블럭으로 가능하다든가...
좀 더 다른 방법이 있을까 싶어서 문의 드립니다~
더 좋은 방법 없을까요~?
답변 11개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
jquery 를 이용해서 시간의 범위를 선택하는 것
http://demos.telerik.com/kendo-ui/timepicker/rangeselection
또다른 예 1
타임 스틱의 range
http://jsfiddle.net/jrweinb/MQ6VT/" href="http://jsfiddle.net/jrweinb/MQ6VT/">http://jsfiddle.net/jrweinb/MQ6VT/
예2
http://marcneuwirth.com/blog/2010/02/21/using-a-jquery-ui-slider-to-select-a-time-range/
답변에 대한 댓글 4개
이번에는 활용하기 어려울 것 같아요 ㅎ
컨택폼에 들어갈 내용이라 폼 형식이었으면 좋겠어요 ㅠㅠ
거절만 잔뜩 ㅎㅎㅎ
답변하는 사람들은 다들 개발자분들
질문도 개발스럽게 인식해서 접근하는데
정작 원하시는건 딱 추상적이라.
구체적 설명이 안되면 이해를 못하는.. 개발자 + 남자
답변이 철도길같이 평행선이 되네요
질문은 왼쪽에서 답변은 오른쪽에서.
이해도가 부족하고, 답이라 추측한거만 잔뜩 나열해서 민망하네요 ^^
부트스트랩을 안쓰신다니...
적합하진 않겟으나..
답변 감사합니다~ 제 질문을 피해가지만 말아주세요으흐흥 ㅠ
아래 댓글에 제가 쓴 글이 있는데 그걸로도 질문이 이상할까요? ㅠ
댓글을 작성하려면 로그인이 필요합니다.
제 질문이 이상했던 것 같은데.. 설명부족...
제가 원하는 내용?은....
예를들어 아래와 같은 식으로 표현할 수 있는가 입니다 ㅠㅠ
답변에 대한 댓글 2개
위에 저를비롯한 다른분들이 답변하신 내용으로 값을 받아서
처리를 하면됩니다.
단지 디자인적으로 표현할때,
저 형태를 고집해야한다면
날짜 / 시간 picker 를 뭘로 받을지를 정하시는게 먼저인거 같구요
그후에 전달받아진 값을
input type="hidden"으로 보관해서
받은값이
표기되는 div 등의 영역에
---------------------------
년/월/일 --:-- ~ --:--
----------------------------
이렇게 노출되도록 처리하면되고
시작시간/종료시간영역에 클릭이벤트를 걸어야 하지 않을까 생각됩니다.
차라리 더 정확한 답을 원하시면
원하는결과물의 그림을 올리시고,
소스코드로 표현가능한 범위를 올려놓으시면
다들 해당 이벤트처리 방식을 답을 달아주시지 않을까 싶네요
개발자가 아니다보니 제가 설명이 많이 부족했네요...
결국, 디자인에 너무 매여있지 않기로 하고 그냥
쉽게 쉽게 표기하기로 결정했습니다 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
http://react-component.github.io/time-picker/examples/pick-time.html" href="http://react-component.github.io/time-picker/examples/pick-time.html">http://react-component.github.io/time-picker/examples/pick-time.html
아.. 이것도 아니네요. .범위가 필요한거였군요
댓글을 작성하려면 로그인이 필요합니다.
https://www.cssscript.com/demo/beautiful-material-design-date-time-picker/" href="https://www.cssscript.com/demo/beautiful-material-design-date-time-picker/">https://www.cssscript.com/demo/beautiful-material-design-date-time-picker/
답변에 대한 댓글 1개
몇시~몇시까지가 표현 가능한 부분입니다 ㅠ
답변 감사합니다~
댓글을 작성하려면 로그인이 필요합니다.
시간을 View시킬때
https://developer.mozilla.org/ko/docs/Web/HTML/Element/time" href="https://developer.mozilla.org/ko/docs/Web/HTML/Element/time">https://developer.mozilla.org/ko/docs/Web/HTML/Element/time
시간을 Edit 할때
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
다양한 예제
https://css-tricks.com/time-element/" href="https://css-tricks.com/time-element/">https://css-tricks.com/time-element/
답변에 대한 댓글 1개
제가 원하는 부분은 아니었던 것 같아요... ㅠ
댓글을 작성하려면 로그인이 필요합니다.
가만 생각해보니 부트스트랩을 안쓰실 수 있겠다 싶어서.
http://trentrichardson.com/examples/timepicker/" href="http://trentrichardson.com/examples/timepicker/">http://trentrichardson.com/examples/timepicker/
이런 아이는 어떠세요!?
답변에 대한 댓글 3개
ㅎ 알려주신 링크들 잘 살펴볼게요 감사합니다^^
뭐라고 검색해야 나오는애들이죠 ? ㅠ
키워드는 구글에서 jquery datetime plugin 으로 검색한 후, '이미지'검색으로 옵션을 변경해서 발견한거예요 : )
내가 원하는 거랑 비슷하게 구현된 플러그인을 이미지로 보고 링크탄것이죠 : )
직접 링크 주시면 더 감사한데 번거로우니까 키워드를 알려달라고 했던거예요 ㅠ ㅠ
댓글을 작성하려면 로그인이 필요합니다.
디자인도 커스텀 해야하는 거죠? 리도님께 이뻐서 좋아요는 눌렀지만..
(삭제함 )
요걸로 써보세요 : )
정정!! 링크잘못올렸네요!
https://eonasdan.github.io/bootstrap-datetimepicker/" href="https://eonasdan.github.io/bootstrap-datetimepicker/">https://eonasdan.github.io/bootstrap-datetimepicker/
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
https://ripjar.github.io/material-datetime-picker/">https://ripjar.github.io/material-datetime-picker/
이뻐보입니다. ㅋㅋ
답변에 대한 댓글 2개
근데 js같이 생긴 Babel이라는 건 뭔가요?
그냥 <script></script>안에 써주면 되나요?
[code]
.on('submit', (val) => {
events.innerHTML += val.toDate() +'\n';
})
.on('open', () => {
events.innerHTML += 'open\n';
})
.on('close', () => {
events.innerHTML += 'close\n';
});
[/code]
요부분의 val.toDate() 이놈을 input으로 보내면 될겁니다
$("지시자").val(val.toDate());
요로코롬
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 3개
step 속성이라는 것으로 위에 제가 설명한 부분을
어떻게 표현할 수 있을지
조금만 자세히 설명해주시면 감사하겠습니다~
이렇게 사용하시면 어떨까요?
datetime-local도 생각해 봤는데,
00년00월00일 00시00분이면 가능할 것 같은데
00년00월00일 00시00분~00시00분 이기 때문에 별 차이가 없을 것 같아요...
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
datetime이 파이어폭스에서 표시가 안되드라구요...
그래서 그냥 date, time 나눠서 쓰기로 했어여 ㅠ ㅠ 힝