표현하고 싶은 것은
몇년 몇월 몇일 몇시~몇시
입니다.
지금은 아래와 같은 코드를 이용해
Copy
<input type="date" name="日時"> <input type="time"> <span>〜</span><input type="time">
아래 이미지와 같이 표현하고 있습니다.
혹시 더 깔끔하게 표시할 수 있는 방법이 있나요?
예를들어 위의 년월일 부분부터 몇시~몇시 까지의 항목을 한 블럭으로 가능하다든가...
좀 더 다른 방법이 있을까 싶어서 문의 드립니다~
더 좋은 방법 없을까요~?
답변 11개 / 댓글 18개
답변에 대한 댓글 1개
nanati
8년 전
8년 전
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/
답변에 대한 댓글 4개
nanati
8년 전
멋지고 좋은 것 같긴 한데~
이번에는 활용하기 어려울 것 같아요 ㅎ
컨택폼에 들어갈 내용이라 폼 형식이었으면 좋겠어요 ㅠㅠ
거절만 잔뜩 ㅎㅎㅎ
이번에는 활용하기 어려울 것 같아요 ㅎ
컨택폼에 들어갈 내용이라 폼 형식이었으면 좋겠어요 ㅠㅠ
거절만 잔뜩 ㅎㅎㅎ
8년 전
정확한 필요에 대한 이해도가 다르다는건 확실합니다.
답변하는 사람들은 다들 개발자분들
질문도 개발스럽게 인식해서 접근하는데
정작 원하시는건 딱 추상적이라.
구체적 설명이 안되면 이해를 못하는.. 개발자 + 남자
답변이 철도길같이 평행선이 되네요
질문은 왼쪽에서 답변은 오른쪽에서.
이해도가 부족하고, 답이라 추측한거만 잔뜩 나열해서 민망하네요 ^^
답변하는 사람들은 다들 개발자분들
질문도 개발스럽게 인식해서 접근하는데
정작 원하시는건 딱 추상적이라.
구체적 설명이 안되면 이해를 못하는.. 개발자 + 남자
답변이 철도길같이 평행선이 되네요
질문은 왼쪽에서 답변은 오른쪽에서.
이해도가 부족하고, 답이라 추측한거만 잔뜩 나열해서 민망하네요 ^^
8년 전
https://www.jqueryscript.net/demo/Date-Range-Picker-For-Twitter-Bootstrap/
부트스트랩을 안쓰신다니...
적합하진 않겟으나..
부트스트랩을 안쓰신다니...
적합하진 않겟으나..
nanati
8년 전
제 설명 부족이죠 뭐 ㅠ ㅠ
답변 감사합니다~ 제 질문을 피해가지만 말아주세요으흐흥 ㅠ
아래 댓글에 제가 쓴 글이 있는데 그걸로도 질문이 이상할까요? ㅠ
답변 감사합니다~ 제 질문을 피해가지만 말아주세요으흐흥 ㅠ
아래 댓글에 제가 쓴 글이 있는데 그걸로도 질문이 이상할까요? ㅠ
nanati제 질문이 이상했던 것 같은데.. 설명부족...
제가 원하는 내용?은....
예를들어 아래와 같은 식으로 표현할 수 있는가 입니다 ㅠㅠ
답변에 대한 댓글 2개
8년 전
@nanati
위에 저를비롯한 다른분들이 답변하신 내용으로 값을 받아서
처리를 하면됩니다.
단지 디자인적으로 표현할때,
저 형태를 고집해야한다면
날짜 / 시간 picker 를 뭘로 받을지를 정하시는게 먼저인거 같구요
그후에 전달받아진 값을
input type="hidden"으로 보관해서
받은값이
표기되는 div 등의 영역에
---------------------------
년/월/일 --:-- ~ --:--
----------------------------
이렇게 노출되도록 처리하면되고
시작시간/종료시간영역에 클릭이벤트를 걸어야 하지 않을까 생각됩니다.
차라리 더 정확한 답을 원하시면
원하는결과물의 그림을 올리시고,
소스코드로 표현가능한 범위를 올려놓으시면
다들 해당 이벤트처리 방식을 답을 달아주시지 않을까 싶네요
위에 저를비롯한 다른분들이 답변하신 내용으로 값을 받아서
처리를 하면됩니다.
단지 디자인적으로 표현할때,
저 형태를 고집해야한다면
날짜 / 시간 picker 를 뭘로 받을지를 정하시는게 먼저인거 같구요
그후에 전달받아진 값을
input type="hidden"으로 보관해서
받은값이
표기되는 div 등의 영역에
---------------------------
년/월/일 --:-- ~ --:--
----------------------------
이렇게 노출되도록 처리하면되고
시작시간/종료시간영역에 클릭이벤트를 걸어야 하지 않을까 생각됩니다.
차라리 더 정확한 답을 원하시면
원하는결과물의 그림을 올리시고,
소스코드로 표현가능한 범위를 올려놓으시면
다들 해당 이벤트처리 방식을 답을 달아주시지 않을까 싶네요
nanati
8년 전
@플래토 플래토님 친절한 답변 감사합니다 ^^
개발자가 아니다보니 제가 설명이 많이 부족했네요...
결국, 디자인에 너무 매여있지 않기로 하고 그냥
쉽게 쉽게 표기하기로 결정했습니다 ㅠ
개발자가 아니다보니 제가 설명이 많이 부족했네요...
결국, 디자인에 너무 매여있지 않기로 하고 그냥
쉽게 쉽게 표기하기로 결정했습니다 ㅠ
8년 전
8년 전
답변에 대한 댓글 1개
8년 전
답변에 대한 댓글 1개
8년 전
답변에 대한 댓글 3개
nanati
8년 전
넵... 부트스트랩은 잘 안씁니당~
ㅎ 알려주신 링크들 잘 살펴볼게요 감사합니다^^
뭐라고 검색해야 나오는애들이죠 ? ㅠ
ㅎ 알려주신 링크들 잘 살펴볼게요 감사합니다^^
뭐라고 검색해야 나오는애들이죠 ? ㅠ
8년 전
@nanati 엇.. 혹시 위에 링크 달아두었는데, 링크말고 키워드 말씀하시는건가요?
키워드는 구글에서 jquery datetime plugin 으로 검색한 후, '이미지'검색으로 옵션을 변경해서 발견한거예요 : )
내가 원하는 거랑 비슷하게 구현된 플러그인을 이미지로 보고 링크탄것이죠 : )
키워드는 구글에서 jquery datetime plugin 으로 검색한 후, '이미지'검색으로 옵션을 변경해서 발견한거예요 : )
내가 원하는 거랑 비슷하게 구현된 플러그인을 이미지로 보고 링크탄것이죠 : )
nanati
8년 전
@엔피씨✨ ㅎㅎ 키워드도 모르니 검색이 안되어가지구요 ㅎㅎ
직접 링크 주시면 더 감사한데 번거로우니까 키워드를 알려달라고 했던거예요 ㅠ ㅠ
직접 링크 주시면 더 감사한데 번거로우니까 키워드를 알려달라고 했던거예요 ㅠ ㅠ
8년 전
디자인도 커스텀 해야하는 거죠? 리도님께 이뻐서 좋아요는 눌렀지만..
(삭제함 )
요걸로 써보세요 : )
정정!! 링크잘못올렸네요!
https://eonasdan.github.io/bootstrap-datetimepicker/
답변에 대한 댓글 1개
8년 전
답변에 대한 댓글 2개
nanati
8년 전
감사합니다~
근데 js같이 생긴 Babel이라는 건 뭔가요?
그냥 <script></script>안에 써주면 되나요?
근데 js같이 생긴 Babel이라는 건 뭔가요?
그냥 <script></script>안에 써주면 되나요?
8년 전
흠.. 쓰시겠다면 js부분을 살짝 커스텀해서 form input 안으로 넣어야 할듯 하네요
[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());
요로코롬
[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());
요로코롬
8년 전
step 속성으로 스핀 박스의 화살표를 누를 때마다 날짜, 시간을 조절할수 있습니다
답변에 대한 댓글 3개
nanati
8년 전
댓글 감사합니다^^
step 속성이라는 것으로 위에 제가 설명한 부분을
어떻게 표현할 수 있을지
조금만 자세히 설명해주시면 감사하겠습니다~
step 속성이라는 것으로 위에 제가 설명한 부분을
어떻게 표현할 수 있을지
조금만 자세히 설명해주시면 감사하겠습니다~
8년 전
<input type="datetime-local"><span>〜</span><input type="time">
이렇게 사용하시면 어떨까요?
이렇게 사용하시면 어떨까요?
nanati
8년 전
감사합니다.
datetime-local도 생각해 봤는데,
00년00월00일 00시00분이면 가능할 것 같은데
00년00월00일 00시00분~00시00분 이기 때문에 별 차이가 없을 것 같아요...
datetime-local도 생각해 봤는데,
00년00월00일 00시00분이면 가능할 것 같은데
00년00월00일 00시00분~00시00분 이기 때문에 별 차이가 없을 것 같아요...
답변을 작성하려면 로그인이 필요합니다.
datetime이 파이어폭스에서 표시가 안되드라구요...
그래서 그냥 date, time 나눠서 쓰기로 했어여 ㅠ ㅠ 힝